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 Landing Page Using NextJS and TailwindCSS

@Rennan20

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


That's the coolest thing I have done until now! I utilized the best technologies I know, such as React and Next. The most challenging part was implementing Redux to handle the cart functionalities and make it dynamic since users were expected to add multiple items to the cart at once. Nevertheless, I am pleased with the results. I hope you all like it too! Feel free to check the repository for feedback; I always believe there's room to make the code cleaner.

Community feedback

Deepak 190

@itsdevdeepak

Posted

Hey Rennan, How you doing ?

Love your Solution, but i think you can improve it further by looking it from accessibility side point as well. Right now your buttons for price control has less click area which makes it harder to click, you can fix this adding padding (not recommended) or using button instead of img tag. If your currently learning Next js or don't have time, I recommend you to read any article about accessibility, it only takes less the 30min and after you done with learning main technologies you could learn deeper about accessibility.

Hope you find it helpful and also keep up the good work.

1

@Rennan20

Posted

@itsdevdeepak hey man, that's very good advice, I'll definitely take a look at it. Thanks!

0

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