A full-stack mobile responsive application meant to be a tool for raising a bug, giving it specific status and priority, specifiying the exact date that the bug was created, editing the bug.
Some features include Paginated data on the table, Filtering based on priority and status and returning a paginated result on the table, creating a new ticket, Ability to edit, create tickets only by authenticated users, Ability to delete tickets only by authorized(admin) user, hidden Navbar element and component for non-authenticated user, user being redirected to homepage after registering without the need to login right after.
- Node.js(Express) for back-end
- React.js for front-end
- MongoDB (NoSQL)
- Bootstrap 4
- AWS EC2 for deployment
Various reusable components were implemented on this project including Pagination, Table(3 different reusable parts), Select (drop down menu), Form (various render options including input, drop down menu, button within the reusable form component included.), Protected Route(Can be used for Routes that require authentication)
- After registering a user certain actions such as editing the existing tickets, creating a new ticket and visibility of add a bug on navbar will be available for authenticated users.
- After logging in with username:
admin@yahoo.com, password:12345, The Admin user will only be authorized to delete each ticket from the table.
Try the application live http://bugtracker.muzyar-rad.com/
Muzyar Rad aka. Mazy
- Install client dependencies
- on the project folder
cdtobug_tracker_client npm installornpm i
- Install server dependencies
cdto/npm installornpm i
- Run the project
cdto/- npm run dev
-
Open a browser and navigate to
localhost:3000 -
Register with a new User to be able to add bugs for your project and see the full feature!
Feel free to email me at Muzyar.rad@gmail.com for any inquiries or setup assistance