🔹 An online mini-mart store where the user can do shopping of daily essentials and grocery.
🔹 Stripe payment gateway as an online payment option.
- ☑️ 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.
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