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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/theakzhol/simple-ToDo.git cd todo-list
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
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.
-
Edit a Task:
- Click on the task you want to edit.
- Modify the task in the input field and save your changes.
-
Delete a Task:
- Click the "Delete" button next to the task you want to remove.
-
Navigate:
- Use the navigation links to switch between different views, such as active tasks and completed tasks.
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
Thank you for checking out the Todo List Application! 🎉 Happy task managing!