Frontend Client With Search, List And Details Page

Demo

A live demo of the application can be found at https://lendsqr-fe-test-lovat.vercel.app

Description

The application facilitates the management of user data for lenders and includes the following key features:

• Login Page: Secure authentication for user access.
• Dashboard: Overview of user statistics and operational metrics.
• User List: Paginated and filterable list of users.
• User Details: Detailed view of individual user profiles with data persisted in IndexedDB.

Visuals

Figma Design - https://www.figma.com/file/ZKILoCoIoy1IESdBpq3GNC/Lendsqr-Frontend-Engineering-Assessment?node-id=5530%3A2716&mode=dev

Tech Stack

• React.js with Next.js
• TypeScript
• SCSS for styling
• Zustand for state management
• Axios for API requests
• IndexedDB for local data storage
• Jest (for testing)

Installation

Clone the repository and install the dependencies:

git clone https://github.com/dotunlonge/lendsqr-fe-test
cd lendsqr-fe-test
npm install

Usage

To run the application in development mode:

npm run dev

Visit http://localhost:3000 in your browser to view the application.

Testing

Execute the test suite with:

npm run test

Contributing

Contributions to this project are welcome. Please create an issue to discuss the changes before opening a pull request.

Authors and Acknowledgment

• Oludotun Longe - Initial development and design implementation.

Shoutout to the Lendsqr design and engineering teams for their guidance and design specifications.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For inquiries or support, please email me at [email protected].