Skip to content

mehdi-filban/react-todo-app

Repository files navigation

📝 React To-Do App

A clean, responsive, and minimalistic to-do list app built with React. This app allows users to add, delete, complete, and edit tasks — with all changes saved in localStorage so nothing is lost on refresh.


🌟 Features

  • ✅ Add new tasks
  • 🗑️ Delete tasks
  • ✏️ Edit tasks inline
  • ✅ Mark tasks as completed (toggle)
  • 💾 Persistent with localStorage
  • 📱 Fully responsive and mobile-friendly
  • 🎨 Modern UI with minimal styling

🔧 Tech Stack

  • React
  • HTML & CSS
  • JavaScript (ES6+)
  • Vite (for blazing-fast dev server & bundling)
  • LocalStorage API

🚀 Getting Started

1. Clone the Repo

git clone https://github.com/YOUR_USERNAME/todo-app-react.git
cd todo-app-react

2. Install Dependencies

npm install

3. Run the App

npm run dev

and also here you can see the (🛠 Folder Structure)

📁 your-project-root
 ┣ 📁 public
 ┃ ┗ 📄 index.html
 ┣ 📁 src
 ┃ ┣ 📁 components
 ┃ ┃ ┗ 📄 Task.jsx
 ┃ ┣ 📁 Components
 ┃ ┃ ┗ 📄 Header.jsx
 ┃ ┣ 📄 App.jsx
 ┃ ┣ 📄 main.jsx
 ┣ 📄 .gitignore
 ┣ 📄 index.css
 ┣ 📄 package.json
 ┣ 📄 README.md
 ┣ 📄 vite.config.js

About

A clean, responsive, and minimalistic to-do list app built with React.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published