Vestis - Ecommerce App using Material UI and Redux

February 21, 2022
Vestis - Ecommerce App using Material UI and Redux

Vestis-eCommerce is my first react-project. It was really useful in teaching me the basics. It also provided a great experience in working with state-management (redux) and styling frameworks (Material UI)

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 accessible 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

    Reactions

    Share Post

    Logo
    HomeProjectsAbout

    © Andrew Dorobantu - 2022