A web app for tracking bugs of a company. Allows users to create groups, create projects and add members. Along with having tickets per project to track the issues or features.
Clone the project
Also Clone the backend here
Also be sure to have MongoDb can be downloaded here or create an account on MongoDb Atlas here
To begin cloning
git clone https://github.com/karanvirsb/bug_tracker_client.git
Go to the project directory
cd bug_tracker_client
Install dependencies
npm install
Start the server
npm run dev
Go to http://localhost:3000 in your browser and register an account. Then proceed to login and start tracking bugs.
- When logged in user will be prompted to create or join group. If user knows group invite code input just that, otherwise user can create a new group.
- After creating click create group.
- User will then be on the dashboard where they can create a new project by clicking on the red button.
- User will then have a modal pop up to input information into and then submit to add a project
- The user can click on the newly created project and a modal will pop up with details about the project
- User can click the green edit or red delete button.
- This will prompt another modal that will allow those actions.
- The user would click on the project and will see a blue tickets button at the bottom of the displayed modal
- Clicking the button will lead to the project tickets
- User will click on the red create ticket button in the top right
- This will display a modal on the right side to enter in informaiton about a ticket.
- The user can click on the newly created ticket and a modal will pop up with details about the ticket
- User can click the green edit or red delete button.
- This will prompt another modal that will allow those actions.
- User wants a bug tracker
- User wants to create projects
- User wants to see tickets per project basis
- User wants the ability to edit or delete projects and tickets
- User wants real time data edits and updates
Front-End: React, Redux Toolkit, Vite, TailwindCSS, TypeScript, Socket.io
Back-End: Express, Mongo DB, Node JS, Socket.io, Typescript, Jest
- Login with JWT Authentication
- Authorization of roles: User, Admin
- Persistent login and connection of socket.
- Live updates of CRUD operations
[x] Comments on Tickets
[x] Administration of adding and removing users from a group
[ ] Forums for projects
[x] Displaying all the members within the group or within the project
[ ] Settings Page
[ ] Account Page