/ToDo-List-Project

The Todo List project is a minimalist task management web application built with Express.js and EJS. Users can seamlessly add and mark tasks as completed, with a soothing design featuring a line-through effect for completed tasks. Simplify your to-do list experience with this elegant and user-friendly application.

Primary LanguageCSSMIT LicenseMIT

Todo List Project

image

This Todo List project is a simple web application built using Express.js, EJS, JavaScript, and CSS. It allows users to add tasks, mark them as completed with a checkbox, and visually indicate completed tasks with a line-through style.

Features

  • Add tasks to your todo list.
  • Mark tasks as completed by checking the checkbox.
  • Visually see completed tasks with a line-through style.
  • Simple and soothing background with appealing themes and colors.

Getting Started

Cloning the Project

To clone this project from the Git repository, follow these steps:

  1. Open your terminal or command prompt.

  2. Navigate to the directory where you want to clone the project.

  3. Run the following command to clone the repository:

      git clone git@github.com:narendrajethi220/ToDo-List-Project.git

If any error occurs try following the steps ---->

To run this project, follow the steps below:

  1. Install dependencies:

    npm install express body-parser ejs

  2. Run the application:

    node app.js

  3. Open your browser and go to http://localhost:8000 to access the application.

Project Structure

  • app.js: The main server file.
  • views/list.ejs: The main HTML file containing the Todo list structure.

How to Use

  1. Open the application in your browser by navigating to http://localhost:8000.
  2. Add tasks to the todo list.
  3. Mark completed tasks by checking the checkbox.
  4. Completed tasks will be visually indicated with a line-through style.

Dependencies

  • Express.js: Web application framework for Node.js.
  • EJS: Embedded JavaScript templating engine.
  • body-parser: Middleware to parse incoming request bodies.

Notes

  • The main HTML file is located in the views directory and is named list.ejs.
  • The application runs on port 8000. If needed, you can change the port in the app.js file.

Feel free to explore, modify, and enhance the project according to your preferences! If you have any questions or feedback, please reach out. Happy task managing!

Contributing

If you'd like to contribute to the project, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive messages.
  4. Push your branch to your fork.
  5. Submit a pull request to the main repository.

Please ensure your code follows best practices, and includes relevant documentation.

Contact

For any questions or feedback, feel free to contact the project owner:

Enjoy exploring!