project-hunt Svelte Themes

Project Hunt

A place to list and find projects to contribute to

Project Hunt

This is a project built to practice Svletekit and Pocketbase

šŸŽÆ A curated project listing app for finding projects to contribute to. Description

Project Hunt is a web application designed to help developers find open-source projects to contribute to. Whether you are a beginner looking to gain experience or an experienced developer wanting to give back to the community, Project Hunt aims to provide a platform that connects developers with exciting projects.

The app is built using the following technologies:

  • SvelteKit: A framework for building web applications using Svelte components.
  • Tailwind CSS: A highly customizable CSS framework for building modern and responsive user interfaces.
  • Pocketbase: A lightweight database-as-a-service platform for managing application data.

Features

  • user sign up
  • adding project
  • viewing projects

Project Structure

project-hunt/
ā”œā”€ā”€ backend/
│   ā”œā”€ā”€ pb_migrations
│   ā”œā”€ā”€ pocketbase.exe
│   └── ...
└── web/
    ā”œā”€ā”€ src/
    │   ā”œā”€ā”€ features/
    │   │   ā”œā”€ā”€ index.js
    │   │   ā”œā”€ā”€ Modal.svelte
    │   │   └── ProjectCard.svelte
    │   ā”œā”€ā”€ lib/
    │   │   └── helpers.js
    │   ā”œā”€ā”€ routes/
    │   │   ā”œā”€ā”€ (auth)/
    │   │   │   └── ...
    │   │   ā”œā”€ā”€ my/
    │   │   │   └── ...
    │   │   ā”œā”€ā”€ projects/
    │   │   │   └── ...
    │   │   ā”œā”€ā”€ +layout.server.js
    │   │   ā”œā”€ā”€ +layout.svelte
    │   │   └── +page.svelte
    │   ā”œā”€ā”€ ui/
    │   │   ā”œā”€ā”€ index.js
    │   │   ā”œā”€ā”€ Input.svelte
    │   │   └── ...
    │   ā”œā”€ā”€ app.html
    │   ā”œā”€ā”€ hooks.server.js
    │   └── styles.css
    └── static

Commands

  1. To start backend: run ./pocketbase serve within the folder that holds pocket base
  2. frontend: run pnpm dev in web directory

Top categories

Loading Svelte Themes