Skip to content

adarraji/react-shop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Shop

eCommerce web application using React. Homepage has pure React slider, categories, products and other components. Users can find products from home page or categories page. Add products to the cart and checkout.

In this project I used functional reusable React components, React hooks, styled components, Redux toolkit and Stripe for checkout.

You can see the website here

This is one of three parts of full stack eCommerce app. You can find the Node.js/MongoDB REST API backend here and the React Shop Admin Dashboard here

Built With

  • HTML
  • CSS
  • Javascript
  • React
  • Tachyons
  • styled-components
  • Material-UI
  • React Stripe Checkout
  • React Router
  • React Hooks
  • React Redux / Redux toolkit

Running the Application

To run the application

  1. Clone this repo
  2. Run npm install
  3. Run npm start

Environmental Variables

Server URL

Add server url in src/requestMethods.js

Stripe secret key

Add Stripe publick key STRIPE_PUB_KEY in src/pages/Cart.js

Deployment

Deployed on Netlify You can see the website here

Authors

Deploy status

Netlify Status

Screenshots


Home Page


Image 1

Image 2

Image 3

Image 4




Products / Categories Page


Image 5




Single Product Page


Image 6




Cart


Image 7




Payment


Image 8




SignIn Page


Image 9




Register Page


Image 10