Inspiration: This project was inspired by the need for a unified platform to manage service tickets, users, and equipment for organizations with field engineers and managers. I wanted to create a modern, user-friendly dashboard that streamlines communication and task tracking between managers, engineers, and customers.
What I Learned: Through this project, I deepened my understanding of full-stack development, especially with React for the frontend and Node.js/Express for the backend. I learned how to design RESTful APIs, manage authentication, and implement role-based dashboards. I also gained experience with UI/UX best practices and state management in React.
How I Built the Project: I started by designing the database schema to support users, tickets, and equipment. The backend was built using Express and PostgreSQL, exposing RESTful endpoints for CRUD operations. The frontend was developed with React and Tailwind CSS for a responsive, modern look. I used React Context for authentication and protected routes, and implemented separate dashboards for managers, engineers, and customers. I also integrated helpful UI libraries for icons and animations.
Challenges Faced: One of the main challenges was ensuring seamless role-based access and navigation, so each user type only sees relevant features. Handling asynchronous data fetching and error states required careful state management. Another challenge was keeping the UI consistent and intuitive across different dashboards, especially when dealing with complex forms and modals. Debugging API integration issues and ensuring secure authentication were also important hurdles to overcome.
Built With
- express.js
- javascript
- postgressql
- react
Log in or sign up for Devpost to join the conversation.