/lendsqr-fe-test

This is a test for the Frontend Engineering role at lendsqr

Primary LanguageTypeScript

Lensqr Frontend Test

This project was built with React, Typescript and SCSS Live Link.

Project Design

I was given a strict design format which I followed to the exactly as resquested. Figma Design

Instructions

  • Build the 4 pages Login, Dashboard, User page, User details page
  • The user pages should pull data from a mock api with 500 records
  • Use local storage or indexedDB to store and retrieve user details on the user details page.
  • The page must be mobile responsive

Steps I Took to Build the site

I layed out steps for myself to follow according in order to build the requested site

Step 1: I decided to learn Typescript again to refresh my knowlege of it.

Step 2: I built reuseable components to folow the DRY(Don't Repeat Yourself) format.

step 3: I installed all the packages I would need to build the site which are:

  • React Router DOM
  • React Icons
  • TypeScript
  • Sass

Step 4: I then started building.

Mobile design of the user page

Mobile Webpage Design

Thank You for looking at my work.