https://github.com/jodieaddis/e-commerce-sneakers

E-commerce website allowing visualization of products as well as purchasing them. Also available in mobile version.
https://github.com/jodieaddis/e-commerce-sneakers

cdd react react-components storybook tailwind-css typescript vite

Last synced: 3 months ago
JSON representation

E-commerce website allowing visualization of products as well as purchasing them. Also available in mobile version.

• Host: GitHub
• URL: https://github.com/jodieaddis/e-commerce-sneakers
• Owner: JodieAddis
• Created: 2024-04-02T07:59:57.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-15T13:37:18.000Z (about 2 years ago)
• Last Synced: 2025-01-31T13:16:07.248Z (over 1 year ago)
• Topics: cdd, react, react-components, storybook, tailwind-css, typescript, vite
• Language: TypeScript
• Homepage: https://jodieaddis.github.io/e-commerce-sneakers/
• Size: 843 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# E-commerce Snearkers

## About the project

E-commerce website offering the sale of sneakers. Products are presented with photos, a description, and their price. Users can choose the desired quantity of items and see the total price in the cart.

Photos can be viewed via a carousel by clicking on the main photo. The carousel is present by default on the mobile version.

All stories are hosted on Chromatic at this [URL](https://6644b697f6f99754887beb30-wfxbruhnsu.chromatic.com/?path=/docs/components-button--docs)

![View of the application](public/assets/img/DesignApp.png)

## Objectives

- [x] Open a lightbox gallery by clicking on the large product image

- [x] Switch the large product image by clicking on the small thumbnail images

- [x] Add items to the cart

- [x] View the cart with items

- [x] Remove items from the cart

- [x] View the optimal layout for the site depending on their device's screen size

- [x] See hover states for all interactive elements on the page

## Technologies Used



## About The Author

- [LinkedIn](https://www.linkedin.com/in/jodieaddis/)