Technologies Used

For the frontend, I chose React with TypeScript for a robust and typed experience. The application state was managed with Redux Toolkit, and styling was done with Tailwind CSS.

  • Frontend: React 18, TypeScript, Redux Toolkit, Tailwind CSS
  • Backend: Node.js, Express.js, MongoDB with Mongoose
  • Authentication: JWT (JSON Web Tokens)
  • Deployment: Vercel (frontend) and Render (backend)

Challenges and Solutions

One of the major challenges was optimizing performance for loading large task lists. I implemented server-side pagination and list virtualization on the frontend, significantly reducing memory usage.

Integrating real-time notifications required configuring WebSockets, providing users with instant feedback.

Results and Learnings

The project was completed in 3 months and is now live. It was a valuable experience that deepened my understanding of the complete development cycle, from planning and design to deployment and monitoring.

The main lesson was the importance of a clear architecture and early testing, which saved significant time in later stages.