amand33p / Bug Tracker Pern Ts
Licence: mit
Bug Tracking app with project members support. Made with PERN stack + TypeScript.
Stars: ✭ 79
Programming Languages
typescript
32286 projects
ts
41 projects
Projects that are alternatives of or similar to Bug Tracker Pern Ts
Appy
🚀 A full stack boilerplate web app
Stars: ✭ 225 (+184.81%)
Mutual labels: full-stack, backend, frontend
Curriculum
Overview of the different modules and learning goals of the program.
Stars: ✭ 40 (-49.37%)
Mutual labels: expressjs, backend, frontend
Webapp.rs
A web application completely written in Rust. 🌍
Stars: ✭ 1,888 (+2289.87%)
Mutual labels: postgresql, backend, frontend
Layr
Dramatically simplify full‑stack development
Stars: ✭ 1,111 (+1306.33%)
Mutual labels: full-stack, backend, frontend
Bank
🏦 Full Stack Web Application similar to financial software that is used in banking institutions | React.js and Node.js
Stars: ✭ 1,158 (+1365.82%)
Mutual labels: postgresql, backend, frontend
Curriculum
Dive into our 7-month web development program covering HTML, CSS, Javascript, Node, and React!
Stars: ✭ 453 (+473.42%)
Mutual labels: expressjs, backend, frontend
Full Stack Fastapi Postgresql
Full stack, modern web application generator. Using FastAPI, PostgreSQL as database, Docker, automatic HTTPS and more.
Stars: ✭ 7,635 (+9564.56%)
Mutual labels: postgresql, backend, frontend
Local Web Server
A lean, modular web server for rapid full-stack development.
Stars: ✭ 916 (+1059.49%)
Mutual labels: full-stack, backend
Run johnny
An endless runner game built on phaser and nodejs
Stars: ✭ 14 (-82.28%)
Mutual labels: postgresql, expressjs
Goeat Api
Rest API for a food delivery application - Built with Express, Postgres, Redis, MongoDB and Nodemailer
Stars: ✭ 36 (-54.43%)
Mutual labels: postgresql, backend
Template Sailsjs Vue
Two independent projects (BackEnd and FrontEnd) working as one. A Sails application.
Stars: ✭ 16 (-79.75%)
Mutual labels: backend, frontend
Tarant
Reactive, actor based framework that can be used in client and server side.
Stars: ✭ 33 (-58.23%)
Mutual labels: backend, frontend
Aws Boilerplate
Opinionated full stack web app's boilerplate, ready to be deployed to AWS platform.
Stars: ✭ 682 (+763.29%)
Mutual labels: backend, frontend
Company Structure
A company structure with a list of projects and their users
Stars: ✭ 48 (-39.24%)
Mutual labels: backend, frontend
Naperg
Fullstack Boilerplate GraphQL. Made with React & Prisma + authentication & roles
Stars: ✭ 661 (+736.71%)
Mutual labels: expressjs, full-stack
Blaze
⚡ File sharing progressive web app built using WebTorrent and WebSockets
Stars: ✭ 991 (+1154.43%)
Mutual labels: backend, frontend
Tech Logo Memo Game
🖱️🖱️🖕🖕🤯🤯🤯technology logo memory game, including frontend and backend
Stars: ✭ 49 (-37.97%)
Mutual labels: backend, frontend
Dev Practice
Practice your skills with these ideas.
Stars: ✭ 1,127 (+1326.58%)
Mutual labels: backend, frontend
Bug Tracker | PERN-TypeScript
Bug tracking app made with PERN + TS
Demo
Deployed on Netlify (front-end) & Heroku (back-end)
Built using
Front-end
- ReactJS - Frontend framework
- Redux w/ hooks - State management library
- Redux Toolkit - Toolset for efficient Redux development
- Redux Thunk - Middleware which allows action creators to return a function
- React Router - Library for general routing & navigation
- React Hook Form - Library for flexible & extensible forms
- Material-UI w/ lots of CSS customisations - UI library
- Yup - Form validation tool
- date-fns - Library for manipulating/formatting of timestamps
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
Mobile
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].