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.
- Service
- Dependency Injection
- Two way binding
- Routing, Nested Routing
- Event Emitter
- Lazy Loading
- List using components
- Tabs
- Reactive Forms
- HttpClient Module for SWAPI
-
Angular 4
-
Angular CLI
-
RxJS
-
TypeScript
-
SWAPI - The Star Wars API used. 👾
This project was generated with 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.
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
.
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.