Angular ToDo Web App

This is a simple ToDo Web Application built using Angular, Bootstrap, and a JSON database.

Overview

This web application allows users to create, manage, and organize their tasks efficiently. It's designed with a clean and user-friendly interface.

Features

• Add new tasks with a title and description.
• Mark tasks as completed.
• Edit and update task details.
• Delete tasks.
• Responsive design for various screen sizes.

Technologies Used

• Angular: Angular is used to build the frontend of the application. It provides a structured and dynamic framework for creating web apps.

• Bootstrap: Bootstrap is used for styling and layout components. It ensures a modern and responsive design.

• JSON DB: JSON is used as a lightweight database to store task data. This simplifies data management for this small-scale project.

Getting Started

To get started with this project, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/your-username/Angular-ToDo-WebApp.git
   

2. Navigate to the project directory:

   cd Angular-ToDo-WebApp
   

3. Install project dependencies:

    npm install
   

4. Install json-server:

   npm install json-server --save-dev
   

5. Run json-server with npx:

   npx json-server --watch db.json
   

6. Start the development server:

      ```bash
   

7. Open your web browser and access the app at http://localhost:4200.

8. Open your web browser and access the server at http://localhost:4200.

Usage

• To add a new task, click the "Add Task" button, fill in the details, and click "Add."

• To mark a task as completed, click the checkbox next to the task.

• To edit a task, click the "Edit" button, make your changes, and click "Save."

• To delete a task, click the "Delete" button.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please open an issue or create a pull request.