https://github.com/whaha-ha/shopmax
Shopmax - E-Commerce Project
https://github.com/whaha-ha/shopmax
ecommerce-application ecommerce-platform javascript react reactjs redux seo-optimization shopify shopping-cart
Last synced: 3 months ago
JSON representation
Shopmax - E-Commerce Project
- Host: GitHub
- URL: https://github.com/whaha-ha/shopmax
- Owner: WHAHA-HA
- Created: 2022-04-19T17:32:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-19T17:37:44.000Z (almost 4 years ago)
- Last Synced: 2025-02-11T16:02:01.858Z (11 months ago)
- Topics: ecommerce-application, ecommerce-platform, javascript, react, reactjs, redux, seo-optimization, shopify, shopping-cart
- Language: JavaScript
- Homepage: https://ecommerce-shopmax.netlify.app/
- Size: 4.8 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopmax - E-Commerce Project
E-Commerce project made with React for self learning.

## Demo
**Note**: It may take some time till the server starts at the beginning.
Demo - https://ecommerce-shopmax.netlify.app/
## Technologies
Backend: (hosted by www.heroku.com)
* Strapi v3.0.0-beta.20.3
Frontend: (hosted by www.netlify.com)
* React v16.13.1
* React Redux && Redux Thunk
* React Router
* React Hooks
* React Loading Skeleton
* React Modal
* React Scroll
* React Toastify
* Framer Motion
* Styled Components
* React Multi Carousel
* Formik && Yup
* Axios
* Local Storage
* Husky && lint-staged
* Atomic design
## Features
* Browsing products fetched from database
* Adding/removing products from cart and wishlist
* Filtering and sorting products by names, categories and prices
* Changing quantity of products with same ID and size
* Featured products are placed in a carousel (react-multi-carousel)
* Two shopping carts (aside and full) with same options and logic
* Adding products with validation (checking if certain size is available)
* Viewing full details of products
* Home page slider
* Checkout form validation with Yup
* Payment simulation (obviously there is no real payment :D)
* Responsive Web Design
## Screenshots
Home slider

***
Aside shopping cart

***
Full shopping cart

***
Catalog view

***
Wishlist view

***
Empty wishlist view

***
Validated checkout view

***
"Add item" modal

***
Product full details view

***
404 page

## Credits and sources
Images: 50style.pl && unsplash.com
Icons: flaticon.com