https://github.com/rsinghcodes/mymart
MyMart is an online mini-mart, responsive e-commerce web app where the user can do shopping of daily essentials and grocery. This app is built using ReactJS, Material-UI, Redux and Firebase ⚡.
https://github.com/rsinghcodes/mymart
firebase firebase-auth firestore-database material-ui reactjs redux redux-persist redux-thunk stripe-checkout styled-components
Last synced: 3 months ago
JSON representation
MyMart is an online mini-mart, responsive e-commerce web app where the user can do shopping of daily essentials and grocery. This app is built using ReactJS, Material-UI, Redux and Firebase ⚡.
- Host: GitHub
- URL: https://github.com/rsinghcodes/mymart
- Owner: rsinghcodes
- Created: 2021-04-08T10:59:28.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-07T18:00:30.000Z (over 3 years ago)
- Last Synced: 2023-03-04T00:19:56.948Z (over 3 years ago)
- Topics: firebase, firebase-auth, firestore-database, material-ui, reactjs, redux, redux-persist, redux-thunk, stripe-checkout, styled-components
- Language: JavaScript
- Homepage: https://mymartstore.netlify.app
- Size: 5.98 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### My Mart - An online mini mart store.
#### :telescope: Overview
:small_blue_diamond: An online mini-mart store where the user can do shopping of daily essentials and grocery.
:small_blue_diamond: Stripe payment gateway as an online payment option.
#### :hammer: :construction: Tech Stack
- :ballot_box_with_check: Reactjs
- :ballot_box_with_check: Material UI
- :ballot_box_with_check: Styled-Components
- :ballot_box_with_check: Redux
- :ballot_box_with_check: 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.
#### :file_folder: Get the Code
```
git clone https://github.com/rsinghcodes/mymart.git
```
```
cd mymart
```
```
npm install
```
Create a Firebase project by going to [Firebase Console](https://console.firebase.google.com/). 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](https://mymartstore.netlify.app/)