Next.js Todo App

byUrvish Prajapati

Build a full-stack To-Do application using Next.js 16 (App Router), MongoDB, and without TypeScript. The project should follow industry best practices with clean architecture, reusable components, and scalable folder structure.

LandingTaskGalaxyLogin
Landing

Comments (0)

No comments yet. Be the first!

Architecture

Main System Architecturev3
Storage
Backend :3001
Frontend :3000
Client
MongoDB :27017
Node.js Server
Next.js App
Browser
Landing design preview
Landing: View Task Galaxy
Login: Sign In
TaskGalaxy: View Tasks
TaskGalaxy: Create Task
TaskGalaxy: Select Category
TaskGalaxy: Save Task
TaskGalaxy: Mark Complete
TaskGalaxy: Edit Task
TaskGalaxy: Delete Task
TaskGalaxy: Filter By Category