Skip to content

WeebNetsu/bugtracker

Repository files navigation

Bug Tracker App

This is a bug tracker app inspired by Trello & ClickUp... We use Supabase for file storage and user auth, PostgreSQL for storing data, FastAPI for our API and React.js (TypeScript) as our frontend!

Next.js Supabase MongoDB TypeScript Docker AntDesign


Contents


Requirements

  • Node.js 16.0+
  • MongoDB 5+

ENV Variables

Add your variables to a .env.local file:

MONGO_URL=MONGO_URL=mongodb://localhost:27017

NEXT_PUBLIC_SUPABASE_URL=https://whatever.supabase.co

NEXT_PUBLIC_SUPABASE_KEY=averylonganonkeythatissafetoshowontheui

Run App:

Install All Deps

npm i

Run

npm start - Note that using docker is the preferred method to run this app.

Using Docker

Note that docker will only run the database.

docker-compose up -d

  • MongoDB: mongodb://localhost:27017

Checking Logs

docker-compose logs

These logs will contain all the logs from the client, api and database viewer, you can use grep to filter commands, such as sudo docker-compose logs | grep -i "bug-tracker-db-1". To remove a specific result from the logs, you can use sudo docker-compose logs | grep -wv "bug-tracker-pgadmin-compose-1", this will hide the logs that contains the text in the quotes.

Project Structure

├── mongo - Dockers MongoDB storage
└── src - Site source code
    ├── constants - All site constants
    ├── db - Database connection and collections
    ├── models - TypeScript data models
    ├── pages - Site UI
    ├── styles - Site styling
    ├── types - Custom project types
    └── utils - Utils such as custom functions

Helpful Links

Support

If you want to support me and what I do, please consider subscribing to my YouTube channel, Steve's teacher!

Changelog

v2 (Next Level - Current)

Changes:

  • FastAPI -> Next.js
  • React -> Next.js
  • MUI -> Ant Design
  • Postgres -> MongoDB

v1 (Fast Man)

View Here

Changes:

  • json-server -> FastAPI
  • json-server -> PostgreSQL

v0 (Juicy Service)

View Here