Skip to content

Commit 134ea24

Browse files
authoredJul 4, 2023
Update README.md
1 parent 3c3e2ae commit 134ea24

File tree

1 file changed

+1
-75
lines changed

1 file changed

+1
-75
lines changed
 

‎README.md

+1-75
Original file line numberDiff line numberDiff line change
@@ -1,75 +1 @@
1-
#Hosted Link
2-
https://apni-coding.github.io/Todo-List-Using-React/
3-
4-
# Todo List
5-
6-
This is a simple Todo List application built using React. It allows users to add, edit, and delete tasks, mark tasks as completed, and filter tasks based on their completion status.
7-
8-
## Features
9-
10-
- Add tasks: Users can enter new tasks in the input field and click the "Add" button to add them to the list.
11-
- Edit tasks: Users can click the edit icon next to a task to edit its title.
12-
- Delete tasks: Users can click the delete icon next to a task to delete it from the list.
13-
- Mark tasks as completed: Users can check the checkbox next to a task to mark it as completed.
14-
- Complete all tasks: Users can click the "Complete all tasks" link to mark all tasks as completed.
15-
- Delete completed tasks: Users can click the "Delete Comp tasks" link to delete all completed tasks.
16-
- Filter tasks: Users can use the dropdown menu to filter tasks based on their completion status.
17-
- Task count: The total number of tasks and the number of completed tasks are displayed.
18-
19-
## Installation
20-
21-
1. Clone the repository:
22-
```
23-
git clone <repository-url>
24-
```
25-
26-
2. Navigate to the project directory:
27-
```
28-
cd todo-list
29-
```
30-
31-
3. Install the dependencies:
32-
```
33-
npm install
34-
```
35-
36-
4. Start the application:
37-
```
38-
npm start
39-
```
40-
41-
5. Open your web browser and visit http://localhost:3000 to see the Todo List application.
42-
43-
## Dependencies
44-
45-
The following dependencies are used in this project:
46-
47-
- react: ^16.0.0
48-
- react-dom: ^16.0.0
49-
- react-toastify: ^8.0.0
50-
51-
You can find the complete list of dependencies with their versions in the `package.json` file.
52-
53-
## API
54-
55-
The application uses the JSONPlaceholder API to fetch and update tasks. The API endpoint used is: https://jsonplaceholder.typicode.com/todos
56-
57-
58-
## Contributing
59-
60-
If you'd like to contribute to this project, please follow these steps:
61-
62-
1. Fork the repository.
63-
2. Create a new branch for your feature or bug fix.
64-
3. Make your changes and commit them.
65-
4. Push your changes to your fork.
66-
5. Submit a pull request.
67-
68-
69-
## Acknowledgements
70-
71-
- The Todo List app was created as a learning exercise based on a tutorial or example.
72-
- [React](https://reactjs.org/) - The JavaScript library used for building the user interface.
73-
- [React Toastify](https://fkhadra.github.io/react-toastify/) - A library for displaying toast notifications in React applications.
74-
## Owner
75-
Vivek Kumar
1+

0 commit comments

Comments
 (0)
Please sign in to comment.