Submitted
š Features:
- Next.js Server Actions to fetch data with:
- Filtering š
- Pagination ā»ļø
- Sorting š
- Achieved +95% in Lighthouse score for performance, accessibility, best practices, and SEO. š
- Resemblance with the original design. šØ
- Small animations with Framer motion. š¬
- No errors or warnings using ESLint (Airbnb style guide). āļø
- Custom hooks. š£
- Utilized TailwindCSS for responsive styling. šØ
- Codebase is well-maintained and formatted using Prettier. š»
š ļø Built With:
- Next.js 14. ā”
- TypeScript š
- TailwindCSS. šØ
- ESLint (Airbnb style guide). š¦
- Framer-motion. š¬
- npm - prettier - prettier-plugin-tailwindcss. š»
š Clarifications:
- While the Rest Countries API was an option, it had limitations like lack of pagination and limited filtering capabilities. I opted to utilize Server Actions in Next.js and the data.json provided with the challenge. This allowed seamless integration with MongoDB for efficient data handling.
- I acknowledge that continuous polling for change requests might consume more data, but it was implemented for experimental purposes.
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you. šāļø