Welcome to My Todos

Hello! 👋 This is a simple Todo List frontend project that I built while learning React by myself.

I followed a tutorial by CodeArts step by step to understand how React works, including state management, components, and local storage.

Thank you to CodeArts for the great teaching and guidance 🙏

---

✨ Features

• Add new tasks
• Delete tasks
• Mark tasks as completed
• View completed tasks
• Save tasks using LocalStorage (data stays after refreshing the page)

---

🎮 How to Use

1. Enter a Title and Description for your task.
2. Click Add to create a new todo.
3. Click the check icon ✔ to mark the task as completed.
4. Click the trash icon 🗑 to delete a task.
5. Use the Todo / Complete buttons to switch between lists.

---

🛠 Technologies Used

• React
• JavaScript (ES6)
• CSS
• React Icons
• LocalStorage

---

▶️ Run the Project

Clone the repository

git clone https://github.com/your-username/your-repo-name.git

Install dependencies

npm install

Start the development server

npm start

The app will run on:

http://localhost:3000

---

📚 What I Learned

• React useState
• React useEffect
• Handling lists with map()
• Managing application state
• Saving and loading data from localStorage

---

🙏 Credits

Tutorial by CodeArts https://youtube.com/playlist?list=PLg8h8Ej1e8l3YF-GTW1gxmDISO-qt_RSk&si=lJ3MeZqYJnzUJ1hh