robertlb4/crexi-angular-task

AngularTask

One of the goals of this task is to measure your understanding of ngrx and the redux pattern.
Use ngrx and create or modify appropriate actions, reducers, and selectors.

You should fork the project, and create a pull request once you are finished.

1. The user profile page is currently loaded with dummy data. Use the public API at Random User Generator to pull in a random user and populate the profile page. You should get the relevant data from the API to fill a ProfileStore.

2. Create a new page, a profile list. Pull in 10 random profiles to populate this list, storing them in the state, and make each profile list item clickable, sending the user to a user details page with that user data. The user profile page route should be adjusted to take an optional id param, which if missing will show a random user (step 1)

The UI is up to you, although it is recommended to use Angular Material components.

Project details

This project was generated with Angular CLI version 12.2.15.

Development server

Run ng serve for a dev server. Navigate to http://localhost:8888/. 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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Linting

Run ng lint to execute ESLint.

Available routes:

home page (default route: /)
user profile page (route: /profile)