isabellelii / swapi

An angular Star wars application build using SWAPI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Star Wars Fan Application

Description

Application which displays a overview of all Star Wars resources by using Star Wars public API (swapi.co/api). This project was generated with Angular CLI version 6.0.3.

Final objective

  • The user opens your app and gets a login screen. He has to login. After a successful login he is navigated to the overview page. If the user is logged in, he can refresh the browser and has not to login again.
  • The user has a list of all Star Wars resources, where he can filter for resource types (like people, starships...).
  • The overview should include a search element, which searches anything in the any resource.
  • The user clicks on a resource item and gets a detail view over it.

Final result

  • The user opens your app and gets a login screen. He has to login. After a successful login he is navigated to the homepage. If the user is logged in, he can refresh the browser and has not to login again. Using Devise gem.
  • The user has a list of all Star Wars resources, where he can filter for resource types (like people, starships...). The user can click on a button of the prefered category and will be redirected to this category page.
  • On the choosen category page, the user can view the resources within that category. The user clicks on a resource item and gets a detail view over it.
  • The user can also use the search form that exists on every category page to get specified information on anthing whiting that resource type.

Development server

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

About

An angular Star wars application build using SWAPI


Languages

Language:TypeScript 85.5%Language:HTML 9.1%Language:CSS 3.0%Language:JavaScript 2.4%