Inspiration
Managing team tasks and tracking progress can quickly become chaotic, especially for small teams and student projects. We were inspired to build Team Progress System to provide a simple, visual, and efficient way for teams to organize tasks, monitor progress, and collaborate more effectively.
What it does
Team Progress System is a task and progress management web application that allows teams to:
- Create and manage tasks
- Assign tasks to team members
- Track progress using a Kanban-style dashboard
- Set priorities and deadlines
- Monitor overall team productivity in one place
How we built it
We built the application using a full-stack approach:
- Frontend: React.js for a responsive and interactive user interface
- Backend: Node.js with Express to handle API requests
- Database: MongoDB to store tasks and user data
- Tools: Git and GitHub for version control and collaboration
The frontend communicates with the backend through RESTful APIs to fetch and update task data in real time.
Challenges we ran into
One of the main challenges was connecting the frontend and backend correctly, especially handling API requests and resolving CORS and fetch-related errors. We also faced issues with managing asynchronous data loading in React and ensuring the UI updated properly when tasks changed.
Accomplishments that we're proud of
- Successfully building a full-stack application from scratch
- Implementing a clean and user-friendly Kanban dashboard
- Solving real-world frontend–backend integration issues
- Gaining hands-on experience with React, Express, and MongoDB
What we learned
Through this project, we learned:
- How to structure and connect a full-stack web application
- Debugging common issues like failed API requests and CORS errors
- Effective team collaboration using Git and GitHub
- Writing cleaner, more maintainable React components
What's next for Team Progress System
In the future, we plan to:
- Add user authentication and role-based access
- Implement real-time updates using WebSockets
- Improve UI/UX and mobile responsiveness
- Add analytics and reporting features for team performance
Built With
- mern
Log in or sign up for Devpost to join the conversation.