dbordallo / todolist

To Do List

This is a simple web-based task management application built using HTML, CSS, and JavaScript. It allows you to add, edit, mark as completed, and delete tasks. The tasks are fetched and stored using a JSON Server.

Prerequisites

Before you begin, make sure you have the following:

• JSON Server installed to mock the backend API.

Getting Started

1. Clone this repository to your local machine.

2. Install the required dependencies. In the project root directory, run:

   bashCopy code

   npm install

3. Start the JSON Server to simulate the backend:

   bashCopy code

   json-server --watch db.json --port 3000

4. Open the index.html file in your browser to use the Task Management App.

GitHub Pages

• https://dbordallo.github.io/ToDoList/

Figma

• https://www.figma.com/file/YdOc5jwsDMYZZOEV5JDjft/Untitled?type=design&node-id=4%3A7&mode=design&t=skAMfROaqnLlL2QP-1

Usage

The app provides the following functionalities:

• Add Task: Enter a task title and description, then click the "Add Task" button to add a new task to the list.

• Complete Task: Check the checkbox next to a task to mark it as completed.

• Edit Task: Click the "Edit" button to modify the title and description of a task. Enter the new title and description in the prompts that appear.

• Delete Task: Click the "Delete" button to remove a task from the list.

Features

• Dynamic display of tasks fetched from the JSON Server.
• Interactive UI for completing, editing, and deleting tasks.
• Responsive design for optimal viewing on various devices.

Contributing

Contributions are welcome! If you find any issues or want to enhance the app, feel free to submit a pull request.

---