Skip to content

CoderLogy/TodoApp

Repository files navigation

TodoApp

My ToDo – A Calm To-Do Experience

A simple, elegant to-do app built with React. No clutter. No noise. Just your tasks — and a soft background to focus.

Live Demo: https://todo-app-psi-one-60.vercel.app/

✨ Features

📝 Add tasks

✅ Mark tasks as complete

✏️ Edit tasks

🗑️ Delete tasks

🌈 Customize background color

💾 Auto-saves with local storage

🔧 Tech Stack

  1. React

  2. Tailwind CSS (or similar)

  3. use-local-storage-state

  4. ReactSortable

  5. HexColorPicker

🚀 Getting Started git clone https://github.com/CoderLogy/TodoApp.git cd TodoApp npm install npm start

🧠 How It Works

All app state is handled in App.jsx

Tasks, alert state, input text, and background color are stored using local storage

Background color is customizable and smoothly animated

Main UI is handled by the Screen component

📁 File Structure

src/ components/ Screen.jsx App.jsx App.css

📜 License

MIT – Free to use, modify, and share.

About

Its a react powered todo app

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published