Skip to content

Hikmahx/sneakers-ecommerce-website

Repository files navigation

Frontend Mentor - E-commerce product page solution

This is a solution to the E-commerce product page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • Register and login
  • Create cart, address, and order
  • Update and delete cart and address, update password, cart, user info, and address
  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Open a lightbox gallery by clicking on the large product image
  • Switch the large product image by clicking on the small thumbnail images
  • Add items to the cart
  • View the cart and remove items from it

Screenshot

Links

My process

Built with

What I learned

This is my first deployed fullstack application using the MERN stack. As I progressed with this application, I find myself improving a lot and also learnt how to avoid specific mistakes and debug my app better. I believe this project has made it easier for me to make full stack applications better and faster.

Useful resources

  • Lama Dev - If you want to create any MERN stack project, lama dev is the place to start from.
  • Dribble - Most of the inspiration for designing this website came from here. Be sure to check it out.
  • Logrocket - I used this to understand better login, logout and registration process.
  • Unsplash - This site is an endless reservior of images. I used this for my product images, using google image to find the names of the sneakers in the images.
  • Stack Overflow - As always, stackoverflow is the place I go whenever I need any help.

Author