https://github.com/srivastavasrijan/mnml-store-source-code
A minimal, full scale e-commerce platform complete with responsive design, best-in-class state retention, UI/UX principles and yes, it can scale!
https://github.com/srivastavasrijan/mnml-store-source-code
firebase react react-reveal redux redux-saga stripe
Last synced: 3 months ago
JSON representation
A minimal, full scale e-commerce platform complete with responsive design, best-in-class state retention, UI/UX principles and yes, it can scale!
- Host: GitHub
- URL: https://github.com/srivastavasrijan/mnml-store-source-code
- Owner: SrivastavaSrijan
- Created: 2020-12-07T15:17:55.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-10-12T05:03:05.000Z (over 3 years ago)
- Last Synced: 2025-01-25T22:22:37.757Z (over 1 year ago)
- Topics: firebase, react, react-reveal, redux, redux-saga, stripe
- Language: JavaScript
- Homepage: https://mnml.srijansrivastava.tech/
- Size: 4.85 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 👚🧢 MNML Store
A minimal, full scale e-commerce platform complete with responsive design, best-in-class state retention, UI/UX principles and yes, it can scale!
## 👁️ Preview
Check it out here - [MNML Store](https://mnml.srijansrivastava.com/)
## 🔑 Key Points
- Curated an e-commerce store using latest React-Redux design patterns.
- Libraries used - Redux, Redux-Saga for asynchronous requests, RxJS for observables.
- Used the powerful Firebase BaaS that securely update user details through tightly scripted rules, synchronizes user data across devices and allows OAuth via Google.
- Tested the app using Jest, carried out performance optimization using Lighthouse, and used React Hooks, Context and Effects as well as ES6 syntax while writing code.
- Used an Express backend to process payments through Stripe.
## ⏲️ About the Application
- This is a FERN stack e-commerce store
- Beautiful and reactive animations make it come to live
- Designed 100% by me, perfected by responsive CSS
- Sign Up using Google Authentication and save your cart without any issuesP
### 🐎 Starting the Project
Install the dependencies with `npm i` or `yarn`
Start the project by `npm run dev` or `yarn dev`
### 🕸️ Deployment
You can deploy easily by using [GHPages](https://www.npmjs.com/package/gh-pages) 🎉
## ⚙ Tech Stack
- React
- Redux
- Firebase
- Stripe
- 3rd Party Libraries - formik, React-Reveal