This challenge is designed to assess your Frontend development skills. We're excited to see your approach to building user interfaces with Next.js and Tailwind CSS.
Your task is to build a frontend page based on the designs (Website and Mobile Responsive) provided in this Figma file.
Key Requirements:
- Use Next.js: The application should be built using the Next.js framework.
- Use Tailwind CSS: Style the application using Tailwind CSS.
- Responsiveness: Ensure the application is responsive and works well on different screen sizes.
- Accessibility: Follow accessibility best practices to make the application usable for everyone.
- Code Quality: Write clean, well-documented, and maintainable code.
Bonus Points:
- Animations/Interactions: Add subtle animations or interactions to enhance the user experience.
- Testing: Include unit tests for your components.
- Deployment: Send your Pull request to this Repo
- Mobile Responsive: Desktop and mobile responsive screens
Please submit your code within the time allotted (2-3 days) via a PR to this repo.
Your submission will be evaluated on the following criteria:
- Completeness: How closely the implementation matches the Figma design.
- Code Quality: Cleanliness, organization, and maintainability of the code.
- Functionality: Correctness and efficiency of the application's features.
- Responsiveness: How well the application adapts to different screen sizes.
- Accessibility: Adherence to accessibility guidelines.
We appreciate your time and effort in completing this challenge. Good luck!