Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manthanank/ecommerce-store-reactjs-stripe-oauth2


https://github.com/manthanank/ecommerce-store-reactjs-stripe-oauth2

ecommerce oauth2 reactjs stripe

Last synced: about 4 hours ago
JSON representation

Awesome Lists containing this project

README

        

# Ecommerce App

## Description

This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.This website is built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.Images used in this website are being taken from [Unsplash website](https://unsplash.com).

Payment Card Details:

- Card Number: 4242 4242 4242 4242,
- Expiry: Any future Date,
- CVV: Any 3 digit number.

## Demo

👉 [Link](https://competent-engelbart-3915c0.netlify.app/)

## Screenshots

Homepage
![Capture](https://user-images.githubusercontent.com/4997491/116504126-47246500-a8d5-11eb-8852-b41d9b1a77e6.JPG)

Login Popup
![login](https://user-images.githubusercontent.com/4997491/116504932-2eb54a00-a8d7-11eb-8793-35e7fb4b91fb.JPG)

Products Page
![product](https://user-images.githubusercontent.com/4997491/116504383-c6199d80-a8d5-11eb-89aa-3c4874d009e1.JPG)

Product Details Page
![product_details](https://user-images.githubusercontent.com/4997491/179211094-01c52cc9-7a67-41a4-804a-7085a3946ffc.PNG)

Cart Page
![cart](https://user-images.githubusercontent.com/4997491/116504661-75567480-a8d6-11eb-9ed3-187502655349.JPG)

Stripe Payment Page
![payment](https://user-images.githubusercontent.com/4997491/116504802-d41bee00-a8d6-11eb-9913-6cc0e7f22302.JPG)

404 Error Page
![error](https://user-images.githubusercontent.com/4997491/116504553-2a3c6180-a8d6-11eb-8f13-11a1778afa93.JPG)

## Installation

Step 1
🍴 Fork this repo!

Step 2
👯 Clone this repo to your local machine using https://github.com/kritika27/ecommerce-store-reactjs-stripe-oauth2.git

Step 3
HACK AWAY! 🔨🔨🔨

## Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## License

Apache-2.0 License.

Made with ❤

## Credits

[Kritika](https://github.com/kritika27).