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
Share this project:

Updates