A fully functional MERN stack CRUD application, where admins can report and assign bug issues to developers, while developers respond to the raised issues. Authentication was implemented with JWT token. Used Redux for state management and Material UI for building components. Implemented MVC model to files and folder structure.
- Admins can view, create, edit, delete and update the status(resolved/unresolved) of bug issues. They can also assign bugs to a particular developer.
- Developers can only view and respond to the bug issues they are assigned to.
client : https://bug-tracker-app-sylamsh.netlify.app/
server : https://bug-tracker-sylamsh.herokuapp.com/
/ - dashBoard
Dashboard of the number of bugs active and resolved. Accessible to both admins and developers.
/viewBugs - viewBugs
Here all the bug cards can be viewed with different filters. These cards can be expanded to view more information.
- Admins have the option to edit/delete their bugs.
- Developers can respond to their assigned bugs.
- Admins can choose to resolve the bug once the developer responds.
/form - bugForm
This form is only accessible to admins. The form is for both for creating and editing a bug. A Markdown editor is provided for both "steps to reproduce" and "details" sections.
| Route | Request | Method | Description |
|---|---|---|---|
/ |
GET | getBugs | Fetch all bugs |
/ |
POST | createBug | Add a new bug issue |
/:id |
PATCH | updateBug | Update an existing bug issue |
/:id |
DELETE | deleteBug | Delete an existing bug issue |
/:id/isResolved |
PATCH | resolveBug | Update the status of a bug to resolved or not |
/:id/devRespond |
PATCH | devRespond | Updates the bug with developer's response |
| Route | Request | Method | Description |
|---|---|---|---|
/signin |
POST | signin | Create a new user |
/signup |
POST | signup | Authenticates an existing user |
/dev |
GET | fetchDevs | Fetch all developer names |
Frontend - React.js, Redux
Backend - node.js, Express.js, Mongoose
Database - MongoDB Atlas