My Mart - An online mini mart store.

🔭 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