vestis-ecommerce

Overview:

• Vestis is an eCommerce app using Stripe integration.
• Commerce.js is used to add variants to products based on size and color.
• Products can be filtered using the filter menu.
• Every product has an unique id and is accesible using routing.

Stack

• Framework: React
• Content Manager: Commerce.js
• State Management: Redux Toolkit
• Styling: Material UI
• Animations: Framer Motion
• Payment Gateway: Stripe
• Deployment: Netlify

Running Locally

The products from Commerce.js need to have a category, size and color variant group for the filter menu to work.

$ git clone https://github.com/andrewdoro/vestis-ecommerce.git
$ cd vestis-ecommerce
$ npm install
$ npm start

Create a .env file similar to .env.example.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_CHEC_PUBLIC_KEY from Commerce.js

REACT_APP_STRIPE_PUBLIC_KEY from Stripe

License

MIT