Skip to content

PatrickNaenae/mentlyFEtest

 
 

Repository files navigation

MentlyFEtest Frontend Coding Challenge

Welcome

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.

The Challenge

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

Submission

Please submit your code within the time allotted (2-3 days) via a PR to this repo.

Evaluation Criteria

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!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.2%
  • CSS 3.8%
  • JavaScript 1.0%