A helpdesk application that allows users to login to an account, create tickets for technical issues, update tickets and admin users can create, delete and manage other user accounts. Client-side created using React. Server-side created using MongoDB for databse, Express.js and Node.js for API.
- Frontend: AngelTech Frontend
- Backend: AngelTech API
| Name | Description |
|---|---|
| @fortawesome | Fontawesome packages for React to enable use as components in React apps. |
| @fvilers/disable-react-devtools | A simple method to disable the React Developer Tools addon to access your application. |
| @reduxjs/toolkit | Used for state management to manage the state of users and tickets. |
| jwt-decode | Small browser library that helps decode JWTs token which are Base64Url encoded. |
| react | JavaScript library for building user interfaces |
| react-dom | Package that provides DOM-specific methods for React. |
| react-redux | Used for state management to manage the state users and allowing persistant login to occur throughout use of the applications. |
| react-router-dom | Enables client side routing navigation. |
| react-spinners | Package containing a collection of React spinners that are used for loading data. |
- When deleting a user, checked if there are any open tickets attached to them
- Redirect user if they should have have access to ticket
- Redirect user if they should have have access to profile
- When creating a customer user, add a company to their account
- Research if a cleaner method for pre-populating customer exists when creating ticket
- Set last logged in date and time on user dashboard
- Create a custom loading spinner
- Redesign website layout with new styles
- Add a note system to tickets
- Allow users to alter their own passwords (Only Admins and Managers can alter passwords)
- When tickets are updated, send an e-mail out
- Implement TypeScript when more comfortable with it
Demo Gif
General
|
|
Admin Pages
|
|
|
Customer Pages
|
|