Todo List Application

Welcome to the Todo List Application! This project is a simple yet powerful tool to help you manage your daily tasks. Built with modern web technologies, it ensures a smooth and responsive user experience.

🚀 Features

• Add, Edit, Delete Tasks: Easily manage your tasks with full CRUD (Create, Read, Update, Delete) functionality.
• React: Built with React for a dynamic and interactive UI.
• React Router DOM: Navigate seamlessly between different views.
• CSS and HTML: Styled with CSS for a clean and user-friendly interface.
• JSON Database: Uses a simple JSON database for data storage.

🛠️ Technologies Used

• React: A JavaScript library for building user interfaces.
• React Router DOM: A library for routing in React applications.
• CSS: Styling language for designing the interface.
• HTML: Markup language for creating the structure of the web pages.
• JSON: Lightweight data interchange format for the database.

📋 Project Setup

1. Clone the repository:

   git clone https://github.com/theakzhol/simple-ToDo.git
   cd todo-list

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

📖 Usage

1. Add a Task:

   • Use the input field at the top of the page to add a new task.
   • Click the "Add" button or press Enter to save the task.

2. Edit a Task:

   • Click on the task you want to edit.
   • Modify the task in the input field and save your changes.

3. Delete a Task:

   • Click the "Delete" button next to the task you want to remove.

4. Navigate:

   • Use the navigation links to switch between different views, such as active tasks and completed tasks.

🗂️ Project Structure

simple-ToDo/
├── public/
│   ├── index.html
├── src/
│   ├── components/
│   │   ├── AddTask.jsx
│   │   ├── EditTask.jsx
│   │   ├── TaskList.jsx
│   │   └── DetailTask.jsx
│   ├── App.js
│   ├── index.js
│   ├── App.css
├── db.json
├── package.json

✨ Acknowledgments

• React
• React Router DOM
• JSON Server

---

Thank you for checking out the Todo List Application! 🎉 Happy task managing!