Skip to content

Commit 3c3e2ae

Browse files
committedJul 4, 2023
first commit
0 parents  commit 3c3e2ae

File tree

38,230 files changed

+4847123
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

38,230 files changed

+4847123
-0
lines changed
 

‎README.md

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
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

‎node_modules/.bin/acorn

+12
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)
Please sign in to comment.