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!
- Node.js 16.0+
- MongoDB 5+
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
npm i
npm start - Note that using docker is the preferred method to run this app.
Note that docker will only run the database.
docker-compose up -d
- MongoDB: mongodb://localhost:27017
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.
├── 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
If you want to support me and what I do, please consider subscribing to my YouTube channel, Steve's teacher!
Changes:
- FastAPI -> Next.js
- React -> Next.js
- MUI -> Ant Design
- Postgres -> MongoDB
Changes:
- json-server -> FastAPI
- json-server -> PostgreSQL