/advertyzement-assesment

A project assessment for advertyzement

Primary LanguageJavaScript

Advertyzement Front-End Intern Assignment

Requirements

  1. Create a User Card grid layout having navbar showing any brand name
  • Done
  1. Add a button in the navbar saying 'Get Users' which makes an api call to get user data
  • Done
  1. Use https://reqres.in/api/users?page=1 to get the data
  • Done
  1. Show a loader while the api fetches the data
  • Done
  1. Bonus points for using custom CSS/SASS/Styled-Componets
  • Done - I have used SASS ( SCSS )
  1. Bonus points for clean code
  • Done

Starting with this project was exciting as it was my job assessment. When I was making API calls then I was getting undefined value for few seconds later then the actual data.

  • So for solving this problem I used optional chaining ( ?. ) that gets data from deep down the objects if available if not then it does not gives error right away.

I have used custom spinner here, although I thought using material-ui spinner or get it from react bootstrap but as I was using custom css/scss I thought using custom would be the right choice.

Tried to keep code clean as much as possible, I know there's room for improvement.