Learning Outcomes:
- Continue to work with the Front-End framework/library of your choice (i.e., the one you have decided to use for your project).
- Understand how routing and calls are made in the Front-End framework/library you have chosen (i.e., Angular or React).
- Work individually, and within your group, to create a simple interactive site.
Instructions:
- Create a login page with just two fields: Email and password
- Hit this API on login submit with the provided credentials
POST – https://tutorial4-api.herokuapp.com/api/users/login body data:
{
“email” : “[email protected]”,
“password” : “[email protected]” }
Email and password should be accepted from frontend form and sent as a POST request body data.
- On successful login, user should be redirected to profile listing page and should display a list of users fetched from this API:
GET – https://tutorial4-api.herokuapp.com/api/users/
Users should either be displayed as a list or grid items. Display the images from the API as well.
- Clicking on any user (item/card) should open a profile detail page. The API for this is:
GET – https://tutorial4-api.herokuapp.com/api/users/:id
parameter expected is the user id passed as id
- Display the user profile details from the API on the profile detail page.
- Along with this; implement an input search box on the profile listing page which would filter out users based on Firstname or Lastname.
Reviews
There are no reviews yet.