Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Product Listing with Interactive Cart

@Rai-shwith

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am most proud of mastering the implementation of CSS Grids 🎨 in this project. It allowed me to craft visually stunning layouts that are both responsive and intuitive.

Next time around, I'm excited to elevate my workflow even further by leveraging Tailwind CSS 🚀. Its utility-first approach promises to streamline development, offering a perfect balance of flexibility and efficiency. This will empower me to focus more on enhancing user interactions and functionalities, while maintaining a polished and modern design aesthetic.

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

This was my first challenge, and deploying it on GitHub was a significant learning experience for me. I encountered several challenges along the way:

Deployment Hurdles: Figuring out how to deploy the project on GitHub Pages was initially daunting. Technical Learning Curve: Understanding Git commands and GitHub workflows required a bit of research and practice.

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

I would appreciate guidance in improving my coding practices, especially in the following areas:

JavaScript Proficiency: As a beginner, I'm eager to enhance my understanding and implementation of JavaScript. Code Optimization: I seek advice on optimizing my code for better performance and readability. Best Practices: Guidance on adhering to industry best practices and standards in JavaScript development. Any insights or resources that can help me grow in these areas would be invaluable. Thank you in advance for your support!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord