Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dssagar93/starwarsapiangular
Angular 4 Features Implemented
https://github.com/dssagar93/starwarsapiangular
angular4 api javascript star-wars swapi typescript
Last synced: about 22 hours ago
JSON representation
Angular 4 Features Implemented
- Host: GitHub
- URL: https://github.com/dssagar93/starwarsapiangular
- Owner: dssagar93
- Created: 2019-08-04T10:40:20.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T09:56:00.000Z (over 1 year ago)
- Last Synced: 2024-09-23T13:02:19.347Z (2 days 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.