{"id":25753664,"url":"https://github.com/jacceycode/lendsqr-fe-test","last_synced_at":"2025-07-30T16:35:54.401Z","repository":{"id":277727785,"uuid":"932967209","full_name":"JacceyCode/lendsqr-fe-test","owner":"JacceyCode","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-21T12:28:35.000Z","size":558,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T15:19:22.801Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://jacob-oluwasesan-adebayo-lendsqr-fe-test.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JacceyCode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-14T21:23:16.000Z","updated_at":"2025-02-21T12:28:39.000Z","dependencies_parsed_at":"2025-02-15T18:23:58.721Z","dependency_job_id":"7a91d7df-780e-4a95-916b-3cf955b21d45","html_url":"https://github.com/JacceyCode/lendsqr-fe-test","commit_stats":null,"previous_names":["jacceycode/lendsqr-fe-test"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JacceyCode/lendsqr-fe-test","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacceyCode%2Flendsqr-fe-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacceyCode%2Flendsqr-fe-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacceyCode%2Flendsqr-fe-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacceyCode%2Flendsqr-fe-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JacceyCode","download_url":"https://codeload.github.com/JacceyCode/lendsqr-fe-test/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacceyCode%2Flendsqr-fe-test/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267899609,"owners_count":24162998,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-26T15:19:23.986Z","updated_at":"2025-07-30T16:35:54.229Z","avatar_url":"https://github.com/JacceyCode.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lendsqr Frontend Engineering Test\n\n## Project Overview:\n\nThis project is a frontend engineering assessment for Lendsqr. The goal is to build a web application that includes a login page, a dashboard, a user listing page, and a user details page while adhering to the provided Figma design.\n\n## Tech Stack\n\n- Framework: Next.js\n- Language: TypeScript\n- Styling: SCSS, Shadcn\n- Testing: Jest\n- Mock API: mocky.io\n\n## Features\n\n- Authentication: Login functionality\n- Dashboard: Overview of user data\n- Navigation: An interactive navigation side bar.\n- User Management:\n  - Fetch and display user records from a mock API (500 records).\n  - Store and retrieve user details using local storage.\n- Responsive Design: Optimized for mobile and desktop views.\n- Unit Testing: Various test cases.\n- Pixel-Perfect UI: 100% match to the Figma design.\n\n## Installation \u0026 Setup\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- Node.js (LTS recommended)\n- Yarn or npm\n\n#### Clone the Repository\n\n```bash\ngit clone https://github.com/JacceyCode/lendsqr-fe-test\ncd lendsqr-fe-test\n```\n\n#### Install Dependencies\n\n```bash\nyarn install\n# or\nnpm install --legacy-peer-deps\n```\n\n#### Run the Development Server\n\n```bash\nyarn dev\n# or\nnpm run dev\n```\n\nOpen http://localhost:3000 in your browser.\n\n#### Run Tests\n\n```bash\nyarn test\n# or\nnpm test\n```\n\n## Deployment\n\nThis project is deployed on `Vercel`. You can access it at:\nhttps://yourname-lendsqr-fe-test.vercel.app\n\n## Approach \u0026 Decisions\n\n- Next.js: Used for optimized performance and SEO.\n- TypeScript: Ensures type safety and better maintainability.\n- Shadcn: Provides reusable and accessible UI components.\n- SCSS: Enables modular and scalable styling.\n- Mock API (mocky.io): Simulates user data for development and testing.\n- LocalStorage: Efficient data storage for user details.\n- Jest: Ensures high code quality through testing.\n\n## Challenges \u0026 Solutions\n\n- Ensuring Visual Fidelity: Carefully matched design elements to Figma specifications.\n- Handling Large Data (500 Records): Optimized rendering and pagination for performance.\n\n## Submission Details\n\n- Live App: [https://jacob-oluwasesan-adebayo-lendsqr-fe-test.vercel.app](https://jacob-oluwasesan-adebayo-lendsqr-fe-test.vercel.app)\n\n- GitHub Repo: [https://github.com/JacceyCode/lendsqr-fe-test](https://github.com/JacceyCode/lendsqr-fe-test)\n\n- Documentation: [https://docs.google.com/document/d/1Jz7D8Lhb8dx3c5en3r4jTtoF2GZv955VrDEmZmgtrCM/edit?usp=sharing](https://docs.google.com/document/d/1Jz7D8Lhb8dx3c5en3r4jTtoF2GZv955VrDEmZmgtrCM/edit?usp=sharing)\n\n- Video Review: [https://www.loom.com/share/e36825b1167044e989c0cc60626b91e2?sid=e250858d-c9c7-452a-a273-3200c4d45fb4](https://www.loom.com/share/e36825b1167044e989c0cc60626b91e2?sid=e250858d-c9c7-452a-a273-3200c4d45fb4)\n\n## Contact\n\nFor any inquiries, feel free to reach out:\n\n- Email: jacobadebayo.ja@gmail.com\n- GitHub: JacceyCode\n\n##\n\nNote: This assessment was completed following all instructions and best practices outlined by Lendsqr.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacceycode%2Flendsqr-fe-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacceycode%2Flendsqr-fe-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacceycode%2Flendsqr-fe-test/lists"}