Skip to content

anthonypena97/angular-tour-of-heroes

Repository files navigation

Tour of Heroes


Live Site: https://anthonypena97.github.io/angular-tour-of-heroes/

Description

Tour of Heroes is a website which displays a databse of heroes.

On this website you can:

  • search for a hero
  • add a hero
  • remove a hero
  • updated a hero's name
  • view top heroes
  • view the HTTP requests messages

This project was written using Angular 14 and uses the in-memory Web API to simulate a data server

As well, this project was programmed following the Angular Official Tutorial Tour of Heroes

Table of Contents

Installation

  • Set up local enviornment with Angular following instructions here
  • Download or clone this repository
  • Run npm i

Usage

Development:

  • Run ng serve --open

Deployment:

  • Run build --base-href "https://<username>.github.io/<project name>/"
  • Run ngh --dir dist/<project-name>

Notes

This project explores Angular concepts such as:

  • Directives
  • Components
  • Data binding
  • Format data with pipes
  • Share services
  • Routing
  • Binding component methods to user events

Version History

Questions

For any inquiries or questions, please contact Anthony Pena via: