/Versed

Demo web shop module for displaying sci-fi character profiles.

Primary LanguageTypeScriptMIT LicenseMIT

Versed

For a new web shop, we need a module that should display information about the characters of a very popular movie saga.
Please provide an Angular/React web application. Use SWAPI (https://swapi.co)  as data source.

Task List

  • Design a simple UI for the character’s page.
  • Implement the models
  • Implement the services
  • Create a sample working:
    • [-] search page
    • detail page
  • Create generic avatar to use as picture for:
    • human characters
    • non-human characters
  • On the detail page please provide the following info:
    • Picture (Generic human/non-human avatar)
    • Name
    • Gender
    • Birth year
    • Eye color
    • Skin color
    • Species

Deliverables

  • The app
  • Test plan
  • Please deliver scribbles of:
    • the character’s page UI
    • mockups
    • diagrams
  • Description of how to run the app, step by step:
    • for admin
    • for user
  • Any documentation that you consider to be useful

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.

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.