All solutions

What are you most proud of, and what would you do differently next time?

Hello Front-End Mentor Community👋 I'm Amine and here is my solution for this challenge! 🎉☝️

Built with 🛠️

• HTML 🧾
• CSS 🎨
• JavaScript 🤖
• Figma 🔥
• Prettier 💻
• Mobile first workflow approach 📲

Features 🎁

• Score of 100% in Lighthouse score for performance, accessibility, best practices, and SEO 📊
• Progressive Web App (PWA) support 📱
• Respect of Web Content Accessibility Guidelines (WCAG) 2.1 🌐
• Design Accuracy 🎯

What challenges did you encounter, and how did you overcome them?

This challenge seems very easy, and it did not took me too much time to solve but... it helped me a lot to get used to working with Figma and to get more comfortable with it to collaborate with any designer in the future. The most amazing thing i learned about Figma, is the simplicity of the tools, which helps so much to get the exact sizes and the exact recources that we will work with to build our projects. 🚀

What specific areas of your project would you like help with?

I would like to know more about Figma plugings, and how effective they are in terms of converting Figma files into a code.

Feedback welcome 😊✌️

This challenge seems very easy at first, but input validation is not an easy process, and it take much time for implementing and testing code manually.

• I fixed negative result values
• I added the total extra days of the previous leap years
• I added a key binding for submitting on Enter click

I also did some manual testing which means that there might be some bugs that I did not observe. I would be so grateful to know your criticisms and observations

Am open to collaborate with anyone using the same technologies as Nextjs and React on future challenges. Thanks for checking my solution.

This challenge was easy to solve, but the most challenging task was getting the exact sizes as provided on the picture assets.

My question is : Is there any more better way for providing more correct size value for each element of our app as required instead of assuming and giving proximate values?