My Frontend Developer Test Repository For LendSqr

This project was developed by Onuigbo Tobechukwu Collins and is live at https://onuigbo-tobechukwu-lendsqr-fe-test.netlify.app

Tech stack used includes

1. Reactjs
2. Typesript
3. SCSS
4. HTML
5. CSS

Other javascript libraries used includes

1. React Paginator
2. React Router
3. Usehooks-ts
4. Momentjs
5. Jquery

Testing tools used includes

1. React DevTools
2. Jest React-scripts Testing Tool

Main React Components includes

1. Index.tsx that is the entry point to the entire project. This is where react dom is rendered to a div of id root found in public/index.html.
2. App.tsx that is the entry point from the index.tsx. It contains the structure and route definitions
3. Login.tsx is the login page.
4. Dashboard.tsx is the dashboard where user records are displayed.
5. Details.tsx is the user details page.
6. Sidebar.tsx is the sidebar of the dashboard and details components.
7. Header.tsx is the header of the dashboard and details components.

In the project directory, you can run:

Mock Api Endpoints:

1. Get all users https://6270020422c706a0ae70b72c.mockapi.io/lendsqr/api/v1/users
2. Get user details by id https://6270020422c706a0ae70b72c.mockapi.io/lendsqr/api/v1/users/:id

npm start

This runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the build folder.