/fe-citi-interview-app

Primary LanguageTypeScript

InterviewApp

  1. Build Tech playlist app, that user can type any tech (Angular, React, CSS .... ) keywords and select user from mockData users list. in the search results you will need to present two sections:

    a. APP HEADER:

    1. Reactive form with Technology name and Users option list
    2. Add Form validation

    b. LEFT SECTION:

    1. Header - with total watch H: M: S
    2. Search results - list with Tech name & watch time

    c. RIGHT SECTION: (Graph Top 6 results)

    1. Build a graph component that take the high number and build from that the viz

  2. Don't use any UI library like ( twitter bootstrap, Material design ).

  3. Use Scss.

  4. Use SCC FlexBox.

  5. Write clean Unit test.

  • Optional:
    1. Use NGRX ( Redux )

Main Screen

alt text

Colors

alt text

This project was generated with Angular CLI version 6.0.8.

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.