NikeVibe is an online shoe store built with React.js and Material-UI, integrated with Commerce.js and Stripe for seamless payment processing.
-
Product Listing with Pagination: View a list of available shoes with pagination for easy browsing.
-
Shopping Cart: Add products to your cart, review items, and adjust quantities as needed.
-
Checkout Option: Proceed to checkout securely with integrated Stripe payment processing.
-
Edit Cart Option: Modify cart contents, update quantities, or remove items before finalizing your purchase.
-
Shipping and Payment Details Section: Enter shipping information and securely process payments through Stripe.
-
React.js: Frontend development framework for building interactive user interfaces.
-
Material-UI: React component library for consistent and responsive UI design.
-
React Icons: Icon library for adding scalable icons to enhance user experience.
-
Commerce.js: Headless commerce platform providing APIs for managing product catalog, cart, and checkout.
-
Stripe: Payment gateway for securely processing credit card payments.
- Clone the repository: Git Clone https://github.com/anand-144/e-commerce.git
- cd nikevibe
- Install dependencies:
- npm install
- Configure environment variables:
- Set up your
.env
file with credentials for Commerce.js and Stripe.
- Start the application:
- npm start
-
Access the website locally at
http://localhost:3000
after starting the server. -
Explore the product catalog, add items to your cart, and proceed through the checkout process.
-
Ensure your Commerce.js and Stripe configurations are correctly set up for full functionality.
This project is licensed under the MIT License. See the LICENSE file for details.