The User-List
Web Programming
Web add-on on Vue.js to view a list of users with the API.Technical Stretch:
by Vue.js
Axios for AJAX requests
CSS for styling
and functionality:
Recognition and display of the user list:
With the help of Axios we receive data from https://reqres.in/api/users and display them in a list.Each item contains the name, e-mail and user avatar.Adding a new user through the form:
Form for introduction of a new user.When pressing the POST request to add a new user.Removal of the user:
Each item has a removal button/icon, calls a DELETE request.Component “User Details”:
A component is created that displays information about the user when you click on his name.The modular window shows the avatar, name, e-mail, phone number and address of residence.Filtering of the user list:
The possibility of filtering the list by name through the search field is realised.Validation of forms:
Check the validity of the filled fields of the form.Showing errors in incompatibility.It is also adapted to work with mobile devices.
by Vue.js
Axios for AJAX requests
CSS for styling
and functionality:
Recognition and display of the user list:
With the help of Axios we receive data from https://reqres.in/api/users and display them in a list.Each item contains the name, e-mail and user avatar.Adding a new user through the form:
Form for introduction of a new user.When pressing the POST request to add a new user.Removal of the user:
Each item has a removal button/icon, calls a DELETE request.Component “User Details”:
A component is created that displays information about the user when you click on his name.The modular window shows the avatar, name, e-mail, phone number and address of residence.Filtering of the user list:
The possibility of filtering the list by name through the search field is realised.Validation of forms:
Check the validity of the filled fields of the form.Showing errors in incompatibility.It is also adapted to work with mobile devices.