Skip to content

madhur2004/todo-manager-fullstack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo App (Full Stack)

A modern and responsive full-stack Todo application that helps users manage their daily tasks efficiently.


Project Overview

This application allows users to register, log in, and manage their tasks in a simple and efficient way. It focuses on user experience, performance, and clean UI design.


Home Page

The home page gives a quick introduction to the application. Users can understand what the app does and easily navigate to login or register.


Authentication System

Login Page

Users can securely log in using their credentials. JWT authentication ensures secure access.

Register Page

New users can easily create an account with a clean and responsive form.


📋 Task Manager Dashboard

The dashboard allows users to manage tasks efficiently:

  • ➕ Add new tasks
  • ✏️ Edit tasks
  • 🗑️ Delete tasks
  • ✅ Mark as completed
  • 🔍 Search tasks

Key Features

  • 🔐 JWT Authentication
  • 📋 Task CRUD operations
  • 🔍 Search functionality
  • 📱 Responsive design
  • ⚡ Fast performance
  • 🔔 Toast notifications
  • 🎬 Smooth animations

🛠️ Tech Stack

Frontend

  • React.js
  • Tailwind CSS
  • Axios
  • React Router
  • Framer Motion
  • React Hot Toast

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • JWT Authentication

Folder Structure


Live Demo

Frontend: (https://todo-manager-fullstack-gamma.vercel.app/home)
Backend: (https://todo-manager-fullstack.onrender.com)


Future Improvements

  • 📌 Task categories
  • 📅 Due dates
  • 🌙 Dark mode
  • 🔔 Notifications

Author

Madhur Chaturvedi


⭐ Support

If you like this project, please give it a ⭐ on GitHub!

About

A full-stack MERN Todo App with JWT authentication, task management, search, and responsive UI.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors