https://github.com/yashrao0001/todoapp
A simple and user-friendly To-Do App built with React.js that allows users to create, update, delete, and mark tasks as completed. 🚀
https://github.com/yashrao0001/todoapp
css git github html javascript reactjs version-control
Last synced: 11 months ago
JSON representation
A simple and user-friendly To-Do App built with React.js that allows users to create, update, delete, and mark tasks as completed. 🚀
- Host: GitHub
- URL: https://github.com/yashrao0001/todoapp
- Owner: yashrao0001
- License: mit
- Created: 2025-02-07T12:22:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-07T13:43:13.000Z (over 1 year ago)
- Last Synced: 2025-03-17T00:39:02.817Z (over 1 year ago)
- Topics: css, git, github, html, javascript, reactjs, version-control
- Language: JavaScript
- Homepage: https://yashrao0001.github.io/ToDoApp/
- Size: 282 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📌 React To-Do App
A simple and user-friendly To-Do App built with React.js that allows users to create, update, delete, and mark tasks as completed. 🚀
## 📸 Preview
[Live Demo](https://yashrao0001.github.io/ToDoApp/)
## ✨ Features
- ✅ Create Tasks – Easily add new tasks to your to-do list.
- ❌ Delete Tasks – Remove tasks you no longer need.
- ✔️ Mark as Done – Check off completed tasks.
- 📱 Responsive Design – Works on mobile, tablet, and desktop.
## 🛠️ Tech Stack
- Frontend: React.js, CSS
- State Management: useState, useEffect
- Deployment: GitHub Pages
## 🚀 Installation
1. Clone the repository : git clone https://github.com/your-username/todo-app.git
cd todo-app
2. Install dependencies: npm install
3. Start the development server: npm run dev
4. Open [http://localhost:5173] in your browser.
## 🔧 Usage
1. Type a task in the input field.
2. Click the Add Task button to add it to the list.
3. Click Delete to remove a task.
4. Click on a task to mark it as done.
## 🏗️ Future Improvements
- 🌟 Add due dates & reminders
- 🔥 Drag-and-drop task reordering
- 📊 Dark mode support
## 📜 License
This project is open-source and available under the [MIT License].
🔗 **Connect with me:**
[GitHub](https://github.com/yashrao0001) | [LinkedIn](www.linkedin.com/in/yashyadav001)