This is a To-Do List web application that allows you to manage your tasks. You can create two types of lists: one for your daily tasks and another for work-related tasks. You can add, delete, and mark tasks as done. The daily tasks list also displays the current date and day of the week.
The project is built using HTML, CSS, JavaScript, Node.js, Express.js and EJS. It utilizes the body-parser middleware to extract data from user input and store it on the server.
Create two different lists: one for daily tasks and one for work tasks. View the current date and day of the week for the daily tasks list. Add new tasks to your lists. Mark tasks as done by striking them out. Delete tasks you no longer need.
Before using this project, make sure you have Node.js installed on your system. If not, you can download and install it from the official website.
git clone https://github.com/Sanjin22/todo-list-app.git
cd todo-list-app
npm install
npm start Open your web browser and go to http://localhost:3000.
You will see two options: "Daily Tasks" and "Work Tasks." Click on the list you want to manage.
To add a new task, enter your task description in the input field and click "Add."
To mark a task as done, simply click on the task. It will be visually striked out.
To delete a task, click the delete button next to the task.
To switch between daily tasks and work tasks, use the navigation at the top.
Here's a preview of what the application looks like:
Daily Tasks:
Work Tasks:
This project uses the following main dependencies:
Express.js: A minimal and flexible Node.js web application framework. body-parser: Middleware for handling POST requests and extracting data from user input.
If you'd like to contribute to this project, feel free to open issues or submit pull requests. Your contributions are greatly appreciated.
Enjoy managing your tasks with this To-Do List application! If you have any questions or encounter issues, please don't hesitate to contact me.