- Solution URL: Add solution URL here
- Live Site Demo URL: Add live site URL here
Thanks for checking out this front-end coding challenge.
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.
The challenge is to build out this e-commerce product page and get it looking as close to the design as possible.
Your 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
- 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
- Semantic HTML5 markup
- SASS
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Vite Js - Javascript Bundler.
- PNPM - Package Manager.
- React Js - Javascript Framework.
- Typescript - A strongly typed language, builds on top of javascript.
To clone and run this application, you'll need Git and PNPM installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/SouleymaneSy7/fem-e-commerce-products-page
# Install dependencies
$ pnpm install
# start the server
$ pnpm dev- GitHub - Souleymane Sy
- Frontend Mentor - @SouleymaneSy7
- Dev Challenges - Souleymane Sy
- Twitter - @Souleymanesy43