Lendsqr-fe-test

A project built with reactjs, typescript, and scss (modular).

External packages used

• "Js-cookie" to store data
• "React-icons" to get lightweight icons

Installation

1. Clone the repository: git clone https://github.com/stephengade/lendsqr-fe-test.git
2. Install all necessary modules and dependencies: yarn

Usage

1. Start the project: yarn start
2. Navigate to http://localhost:3000/ in your web browser to see the project live

Testing

1. Login: You can't login without putting an email and password. Don't worry, it is not connected to the backend so you can use any email and password (e.g. test@lendsqr.com and Lendsqr).
2. You will be greeted with a blank dashboard page using the username extracted from the email provided.
3. To see a list of customers from the MockApi, navigate to http://localhost:3000/user.
4. You can view the details of each customer by clicking on the 3 dots on the right side of the table and then selecting "view details".
5. Pagination and filter are working, so you can test those too
6. The project is designed to be responsive and can be tested on mobile devices.

Demo

You can view the live demo here.

Contributing

Thanks for the gesture but you don't need to contribute but however, you can still pay with the code as you like

References

• Js-cookie
• React-icons