ScandiumSG / angular-address-book

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Address Book

Angular Address Book

Learning objectives

  • Use Angular modules to compartmentalise our code
  • Use routing to seperate our components into different pages
  • Use Reactive Forms to validate user input

Setup

  • Fork this repo to your own github account
  • Clone your forked repo
  • Open the project in VSCode
  • Open a terminal and run the command npm install to install the dependencies

Instructions

Implement the following requirements:

  • Create a contacts list page where we can view all of the contacts in the address book
  • Create a new contact page where we can add a new contact to the address book
  • Create a view contact page where we can view a specific contact in the address book

Extensions

  • Add a new page that will allow the user to edit existing contacts
  • If the user tries to edit a contact that does not exist - display a useful error to the user

About


Languages

Language:TypeScript 66.2%Language:HTML 24.6%Language:CSS 9.2%