|
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