Skip to content

Latest commit

 

History

History
62 lines (36 loc) · 988 Bytes

File metadata and controls

62 lines (36 loc) · 988 Bytes

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.