This project is built as part of a technical interview test for a Frontend Engineer position. It demonstrates the use of modern frontend technologies (ReactJs,NextJs,Typescript,Tailwind Css ) to create an interactive, responsive, and scalable web application. The project adheres to best practices in code organization, component-based architecture, and performance optimization.
- Responsive design for various screen sizes
- Dashboard UI
- Metric Card
- Search funtionality
- Table for structured data presentation
- Pagination for Table data
- React.js/Next.js: For building the user interface.
- TypeScript: Ensuring type safety and reducing runtime errors.
- Tailwind CSS: Utility-first CSS framework for styling.
- ShadcnUi: Custom component library
Clone Project Repo 👍
git clone https://github.com/sammy-code98/fintrack.git Navigate to Project Directory
cd project-nameInstall dependencies
npm installStart the Development Server
npm run devOpen http://localhost:3000 with your browser to see the result.
- Add Testing: Improve coverage for edge cases and asynchronous flows
- Skeleton Loaders : Improve loading state ui by add more visually appealing loaders
- Sort Table Data by Date : Add functionality to sort table data by date
- Improved Loading State : Improve loading state for when actual data is called over a network ie: with axios and tanstack query
- Metrics Calculator : function to calculate metric with actual data values from server
Uzor Samuel
Frontend Engineer