All solutions

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Bookmark landing page.

• Scored 94% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom animation with the arrow in the FAQ section 🛫
• Email validation while typing ⌨

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. Context API 🛒

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 9 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Manage landing page.

• Scored 97,75% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom testimonials scroll animation 🌴
• Special testimonial function on mobile 📱
• As you hover on the testimonial section the scroll animation is stopped 💥
• Custom loading animation at the entrance 🛫

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. Context API 🛒

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 8 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Project tracking intro component.

• Scored 97,5% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom background animation 🖼

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JS ⚡

• Fully responsive design crafted with a mobile-first approach 📲
• Enjoyed every moment coding this! 😎
• Feedback is always welcome—let’s grow together! 🌱
• Completed 18 out of 30 Junior Challenges so far—keeping up the momentum! 🔥
• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Easybank landing page.

• Scored 95,25% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. Context API 🛒

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 7 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Huddle landing page.

• Scored 97,75% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom validation with animation 🔘

🛠️ Built with:

1. HTML ✨
2. CSS 🎨

• Fully responsive design crafted with a mobile-first approach 📲
• Enjoyed every moment coding this! 😎
• Feedback is always welcome—let’s grow together! 🌱
• Completed 17 out of 30 Junior Challenges so far—keeping up the momentum! 🔥
• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Pricing component with toggle.

• Scored 95% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom toggle button animation 🔘

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 16 out of 30 Junior Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Insure landing page.

• Scored 95,5% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom mobile navigation ⚡

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. BEM Notation 🅱️

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 15 out of 30 Junior Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Mentor Community,

This is my solution for the Job Listings.

• Scored 95% on Google Pagespeed Insights! 🚀
• Solution with 100% W3C validation accuracy 🌟
• Custom-built CSS animations for a smooth user experience 💫
• Custom fade in animation ⚡

🛠️ Built with:

1. HTML ✨
2. CSS 🎨
3. JavaScript 🧾
4. React ⚛️
5. Vite.js 💡
6. BEM Notation 🅱️

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 6 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the Calculator app.

• Scored 97,5% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Three custom schemes to choose 🖼

• You can use calculator with your keyboard ⌨

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 5 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the Room homepage.

• Scored 97,5% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Custom animation when using slider 🖥

• Different images on mobile and desktop 📷

• Custom navigation animation when you are on mobile 📱

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 4 out of 13 Intermediate Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the E-commerce product page.

• Scored 96,25% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Fully functional product page with cart and slider 🛒

• Custom navigation animation when you are on mobile 📱

• Fully responsive design crafted with a mobile-first approach 📲

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• Looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the Order summary card.

• Scored 94,25% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Card is featured with front and back side ✨

• Custom bubble animation which changes every time you refresh 🔘

• Custom box-shadow and border colors each time you hover on the back side button 🔅

• Fully responsive design crafted with a mobile-first approach 📱

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• Looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the Fylo landing page with dark theme.

• Scored 96.25% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Added sticky header with a special animation when scrolled ✨

• Custom button animation on click and on hover 🖱

• Fully responsive design crafted with a mobile-first approach 📱

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• Completed 14 out of 30 Junior Challenges so far—keeping up the momentum! 🔥

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• Looking forward to hearing your thoughts and suggestions! 💡

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

💻 Hello, Frontend Developer Community,

This is my solution for the Launch countdown timer.

• Scored 97,5% on Google Pagespeed Insights! 🚀

• Solution with 100% W3C validation accuracy 🌟

• Custom-built CSS animations for a smooth user experience 💫

• Fully responsive design crafted with a mobile-first approach 📱

• Enjoyed every moment coding this! 😎

• Feedback is always welcome—let’s grow together! 🌱

• 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

• Looking forward to hearing your thoughts and suggestions! 💡

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

All comments are welcome 😀😀😀

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

I'm starting my journey with React. If someone could tell me what I've done wrong and what can I improve in my code I would really appreciate that 😁😁😁.

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

I am at the beginning of the journey with React. If there is something that I could done better, then please tell me about it 😀😀💗