https://github.com/ppsdang/angular-debugging-challenge

This repository hosts an Angular-based project designed as a coding and debugging exercise.
https://github.com/ppsdang/angular-debugging-challenge

Last synced: 2 months ago
JSON representation

This repository hosts an Angular-based project designed as a coding and debugging exercise.

• Host: GitHub
• URL: https://github.com/ppsdang/angular-debugging-challenge
• Owner: ppsdang
• Created: 2023-12-04T11:35:12.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-05T11:26:51.000Z (about 1 year ago)
• Last Synced: 2024-08-04T01:04:57.051Z (6 months ago)
• Language: TypeScript
• Size: 124 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-angular - angular-debugging-challenge - This repository hosts an Angular-based project designed as a coding and debugging exercise. (Table of contents / Angular)
• fucking-awesome-angular - angular-debugging-challenge - This repository hosts an Angular-based project designed as a coding and debugging exercise. (Table of contents / Angular)
• fucking-awesome-angular - angular-debugging-challenge - This repository hosts an Angular-based project designed as a coding and debugging exercise. (Table of contents / Angular)

README

        
# Angular Debugging Challenge

## Overview

Welcome to the Angular Debugging Challenge! This repository contains a basic Angular application representing a simple to-do list. The application has a few intentional bugs that you are required to identify and fix. The exercise tests your understanding of Angular fundamentals, including components, services, data binding, and debugging skills.

## Getting Started

### Prerequisites

Before you begin, make sure you have the following installed:

- Node.js (https://nodejs.org/)

- Angular CLI (https://angular.io/cli)

### Installation

1. Clone the repository:

   git clone [https://github.com/ppsdang/angular-debugging-challenge](https://github.com/ppsdang/angular-debugging-challenge)

2. Navigate to the project directory:

   cd angular-debugging-challenge

3. Install the necessary packages:

   npm install

### Running the Application

1. Start the Angular application:

   ng serve

2. Open your browser and navigate to http://localhost:4200/.

## Your Task

Your task is to debug and fix the issues in the application. The application is intended to allow users to add tasks to a to-do list and display them. Specifically, you need to:

1. Ensure that the form input properly binds to the component property.

2. Correctly update the list of tasks when a new task is added.

3. Prevent empty or whitespace-only task entries.

## Tips

- Carefully read through the code in each file. The issues could be in any of the following files:

- `app.module.ts`

- `app.component.ts` and `app.component.html`

- `todo/todo.component.ts`, `todo/todo.component.html`, and `todo/todo.component.css`

- `todo.service.ts`

- Pay attention to Angular concepts like modules, components, services, data binding, and form handling.

- Use browser developer tools and Angular CLI tools to help identify and fix issues.