👟 Frontend Mentor - E-commerce product page solution

📝 Table of contents

• 👟 Frontend Mentor - E-commerce product page solution
  • 📝 Table of contents
  • 👀 Overview
    • ⌚️ Status
    • 💻 The Project
    • 🥷 The challenge
    • 🖇 Links
  • 📦 Install
  • 👷‍♂️ My process
    • 🚀 Built with
  • 👨‍💻 Author

👀 Overview

⌚️ Status

✅ Finished!

💻 The Project

Sneakers page for view products.

🥷 The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• 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

🖇 Links

• Site (lightbox lib error)

📦 Install

1 - Clone this repository

  git clone https://github.com/KendiHashimoto/Sneakers-ecommerce.git

2 - Open the path of the project and type in the terminal/cmd

cd Sneakers-ecommerce

3 - And then type

npm install

npm run dev

👷‍♂️ My process

🚀 Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Talwind - CSS library
• PhotoSwipe - For lightboxes
• Vite - For run project

👨‍💻 Author

Feito com ❤️ por Kendi Hashimoto 👋 Entre em contato!