Skip to content

Al-Mansori/ToDoList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ToDoList Web Application

This is a simple web application built using Express.js and MongoDB for creating and managing to-do lists. The application allows you to add, view, and delete tasks in different lists.

Prerequisites

Before running this application, make sure you have the following software installed:

Installation

  1. Clone or download this repository to your local machine.
git clone <repository-url>
  1. Navigate to the project directory.
cd <project-directory>
  1. Install the required npm packages.
npm install

Configuration

  1. Rename the .env.example file to .env.
mv .env.example .env
  1. Open the .env file and update the DB_URL and PORT values according to your MongoDB configuration and desired port number.
DB_URL=<your-mongodb-connection-url>
PORT=3000

Usage

  1. Start the application.
node app.js
  1. Open your web browser and navigate to http://localhost:3000 (or the port you specified).

  2. The default route displays the "Today" list with pre-defined tasks. You can click on the "+" button to add new tasks and use the checkbox to mark tasks as completed. The "<--" button allows you to delete tasks.

  3. You can also create custom lists by adding their names to the URL (e.g., http://localhost:3000/Work). If a list with the given name already exists, it will be displayed with its tasks. If the list doesn't exist, a new list will be created with default tasks.

  4. Navigate to the "About" page by clicking the "About" link in the navigation bar to learn more about this application.

Features

  • Add tasks to different lists.
  • Mark tasks as completed.
  • Delete tasks from lists.
  • Create custom lists.

Technologies Used

  • Express.js: Web application framework for building APIs.
  • EJS: Templating engine for rendering views.
  • MongoDB: NoSQL database for storing article data.
  • Mongoose: MongoDB ODM for modeling and interacting with the database.

Feel free to customize and extend this README file according to your needs. Enjoy using the ToDoList web application!

Releases

No releases published

Packages

 
 
 

Contributors