CuratedCart 🛍️

A Shopping App - Reactjs + Redux + Firebase

LIVE: http://curated-cart.herokuapp.com/

A simple eCommerce shopping application built in React, Redux, Firebase and Stripe

---

---

Payment integrated with Stripe

---

Fully Responsive N Material UI integrarted

---

Tech Used

• Create-React-App - best way to start building a new single-page application in React
• ReactJS - A JavaScript library for building user interfaces
• Redux + React-Redux - State container for JavaScript apps
• Material UI - React components that implement Google's Material Design
• Stripe - The new standard in online payments
• Node.js - JavaScript runtime built on Chrome's V8 JavaScript engine
• Firebase - A Mobile and web application development platform developed by Firebase Google
• Redux-devtools-extension - provides power-ups for your Redux development workflow
• React-devtools - lets to inspect the React component hierarchy, including component props and state
• redux-persist - persist and rehydrate a redux store
• reselect - Selector library for Redux
• react-loader-spinner - Collection set of react-spinner for async operation

Install

For running this project on your local machine:

• Node.js is required.

• Clone repo from master branch

• Then execute the following command on your terminal in the project directory:

NOTE : You should be inside CuratedCart directory and server.js file should be there

$ npm install 
$ npm install --prefix client

• Add your own firebase config to firebase.utils.js don't screw my db

• Next you can run the application on your localhost:

Below command is there for running front end with backend(for stripe), So to access stripe payments add your Stripe Secret Key in .env as STRIPE_SECRET_KEY

$ npm run dev

To run this without backend

$ npm run client

• Build for production:

$ npm run build

Authors

Pawan Gulati

Akash Solanki https://github.com/akashsolanki1101