https://github.com/dssagar93/starwarsapiangular

Angular 4 Features Implemented
https://github.com/dssagar93/starwarsapiangular

angular4 api javascript star-wars swapi typescript

Last synced: 3 months ago
JSON representation

Angular 4 Features Implemented

• Host: GitHub
• URL: https://github.com/dssagar93/starwarsapiangular
• Owner: dssagar93
• Created: 2019-08-04T10:40:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-01T09:56:00.000Z (over 3 years ago)
• Last Synced: 2025-02-25T01:43:35.718Z (about 1 year ago)
• Topics: angular4, api, javascript, star-wars, swapi, typescript
• Language: TypeScript
• Homepage:
• Size: 2.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# StarwarsAPIAngular :earth_asia:

A simple Angular 4 project that fetches 10 characters of Star Wars using SWAPI and organizes them randomly on either DARK side or LIGHT side.

The sides can be toggled to view characters and new characters can also be added to the respective sides.

## Angular features implemented :loudspeaker:

* Service

* Dependency Injection

* Two way binding

* Routing, Nested Routing

* Event Emitter

* Lazy Loading

* List using components

* Tabs

* Reactive Forms

* HttpClient Module for SWAPI

## Stack :snowflake:

* Angular 4

* Angular CLI

* RxJS

* TypeScript

* [SWAPI](https://swapi.co/) - The Star Wars API used. :space_invader:

![img](https://i.imgur.com/uZmjlcL.png)

## Development server

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.5.

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.