Skip to content

Avinashkrmandalgithub/MERN-TODO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation

TodoApp 🌈

A modern, responsive, and dark/light-themed Todo application built with React, Zustand, Tailwind CSS, and Framer Motion. Organize your tasks, track progress, and enjoy a smooth, visually appealing UI.


Features

  • User Authentication: Sign up, Sign in, and secure logout using Zustand store.
  • Add, Edit & Delete Todos: Manage tasks effortlessly.
  • Mark as Completed: Toggle completed tasks with visual feedback.
  • Filter Todos: View All, Active, or Completed tasks.
  • Responsive Design: Works seamlessly on mobile, tablet, and desktop.
  • Dark/Light Theme: Dynamic styling for user-friendly experience.
  • Animations: Smooth transitions using Framer Motion.
  • Toast Notifications: Success and error messages using react-hot-toast.

Tech Stack

  • Frontend: React, Tailwind CSS, Framer Motion, React Icons
  • State Management: Zustand
  • Routing: React Router DOM
  • Notifications: react-hot-toast
  • Optional Backend: Node.js + Express + MongoDB (if implementing full-stack)

image

About

A full-stack TODO application built using the MERN stack (MongoDB, Express.js, React, Node.js) with modern tools like Vite and Tailwind for the frontend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages