This is the assignment for IRECKONU.
You can use this public API: https://profiles-list.firebaseio.com/Data.json
- This API will return a list of profiles.
- You will need to filter the data based on user’s search criteria.
- Feel free to create your own “firebase” API if you would like!
- The user opens the search page and starts searching for profiles by first name, last name, email, this will filter the list of profiles returned from the API.
- When the user clicks on a profile row, the app will route to the profile details page.
- Profile details page should have tabs, the default open tab is the profile detail, bind the profile data to this tab only, the left panel shows quick facts that are not returned in the API so just put static text as shown in the screenshots.
- The app needs to correctly handle the following:
- No profile with this filter found
- If API does not respond or no profiles returns, show a user friendly error massage.
- Angular 6+
- SASS
- HTML5
- Angular material https://material.angular.io/
https://stephanfx.github.io/ireckonu-app/
To start the app, ensure you have NodeJS
installed, then please run the following commands in order:
npm install
ng serve --open
It should open the browser at http://localhost:4200/
, else navigate in the browser to http://localhost:4200/
. 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
.
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.
Run ng test
to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.