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, effects, reducers, and selectors.
You should fork the project, and create a pull request once you are finished.
-
The user profile page is currently loaded with dummy data. Use the public API at Random User Generator (Docs) to pull in a random user and populate the profile page. You should get the relevant data from the API to fill a
ProfileStore. -
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.
This project was generated with Angular CLI.
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.
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.
Because this challenge is designed to evaluate your ability with NGRX, unit testing is not required. If you feel that adding unit tests helps, you can add any package you feel comfortable with.
Run ng lint to execute ESLint.
home page (default route: /)
user profile page (route: /profile)