Skip to content

Latest commit

 

History

History
69 lines (49 loc) · 1.73 KB

README.md

File metadata and controls

69 lines (49 loc) · 1.73 KB
Raw

My Mart - An online mini mart store.

app-preview

🔭 Overview

🔹 An online mini-mart store where the user can do shopping of daily essentials and grocery.
🔹 Stripe payment gateway as an online payment option.

🔨 🚧 Tech Stack

  • ☑️ Reactjs
  • ☑️ Material UI
  • ☑️ Styled-Components
  • ☑️ Redux
  • ☑️ Firebase

React & Redux:

  • Used Redux for state management.
  • Routing with React Router.
  • Redux Thunk for asynchronous actions like bringing Data from Firestore to the App.
  • Redux Persist to save user login.

Firebase & Firestore

  • Used Firebase to build Fullstack application.
  • Sign-In workflow with Firebase.
  • Google Sign-in Authentification.
  • Storing User Data In Firebase.

📁 Get the Code

git clone https://github.com/rsinghcodes/mymart.git

cd mymart

npm install

Create a Firebase project by going to Firebase Console. Copy the configuration values and then create an .env.local file in the project's directory. Add environment-specific variables in the form of NAME=VALUE. For example:

REACT_APP_API_KEY=...
REACT_APP_AUTH_DOMAIN=...
REACT_APP_PROJECT_ID=...
REACT_APP_STORAGE_BUCKET=...
REACT_APP_MESSAGING_SENDER_ID=...
REACT_APP_APP_ID=...

npm start

For production environments...

npm run build

Live site