This is a simple Todo Application that allows users to manage their tasks or todos.
- Add a new todo with a title and content
- View the list of existing todos
- Delete a todo from the list
- HTML
- CSS
- JavaScript
- Fetch API
-
Clone the repository or download the source code.
-
Start the server by running the following command in your terminal:
node todo.js
The server will start running on
http://localhost:3000
. -
Open the
index.html
file in a web browser. -
The Todo Application will be displayed in the browser.
-
Enter a title and content for a new todo in the provided input fields.
-
Click the "Add ToDo" button to add the todo to the list.
-
The added todo will appear in the list of todos.
-
To delete a todo, click the "Delete" button next to the todo item.
-
The todo will be removed from the list.
This application interacts with a backend API to store and retrieve todos. The API endpoints used are:
GET /todos
- Retrieve the list of todosPOST /todos
- Add a new todoDELETE /todos/{id}
- Delete a specific todo
This Todo Application is developed by Me. It is created as a learning project given by 100xDevs.