Awesome Open Source
Awesome Open Source

Bug Tracker | PERN-TypeScript

Bug tracking app made with PERN + TS

Demo

Deployed on Netlify (front-end) & Heroku (back-end)

Built using

Front-end

Back-end

  • Node.js - Runtime environment for JS
  • Express.js - Node.js framework, makes process of building APIs easier & faster
  • PostgreSQL - Opens-source SQL database to store data
  • TypeORM - TS-based ORM for mostly SQL-based databases
  • JSON Web Token - A standard to secure/authenticate HTTP requests
  • Bcrypt.js - For hashing passwords
  • Dotenv - To load environment variables from a .env file

Features

  • Authentication (login/register w/ username & password)
  • CRUD projects, with ability to add members for group work
  • CRUD bugs, with title, description & priority
  • Project members can add, edit, close & reopen bugs etc.
  • Sort projects/bugs by various parameters like priority, recentely closed etc.
  • Filter projects/bugs by name/title & other parameters
  • CRUD notes, for guiding other members
  • Descriptive color indicators for bug priority & status
  • Error management with descriptive messages
  • Toast notifications for actions: creating projects, removing membes etc.
  • Loading spinners for fetching processes
  • Dark mode toggle w/ local storage save
  • Proper responsive UI for all screens

Screenshots

Desktop/Tablet

Desktop-1 Desktop-2 Desktop-3 Desktop-4 Desktop-5

Mobile

Mobile-1 Mobile-2 Mobile-3 Mobile-4

Usage

Env variable:

Create a .env file in server directory and add the following:

PORT = 3005
JWT_SECRET = "Your JWT secret"

Client:

Open client/src/backendUrl.js & change "backend" variable to "http://localhost:3005"

Run client development server:

cd client
npm install
npm start

Server:

Open ormconfig.js & update the local PostgreSQL credentials to match with yours.

To run the migarations, go to server dir & run this command: npm run typeorm migration:run

Run backend development server:

cd server
npm install
npm run dev

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (12,070
react (5,572
nodejs (3,873
reactjs (1,134
postgresql (762
frontend (524
backend (232
expressjs (217
tracker (92
full-stack (85
ts (54
bug (28