Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nitinpatel2001/shopifier
Dynamic Ecommerce site built with React, Tailwind, Firebase. Admin dashboard for easy product management: add, delete, responsive design.
https://github.com/nitinpatel2001/shopifier
context-api firebase-auth firebase-realtime-database firebase-storage framer-motion razorpay-api react redux
Last synced: about 1 month ago
JSON representation
Dynamic Ecommerce site built with React, Tailwind, Firebase. Admin dashboard for easy product management: add, delete, responsive design.
- Host: GitHub
- URL: https://github.com/nitinpatel2001/shopifier
- Owner: NitinPatel2001
- Created: 2024-03-09T05:24:07.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-09T05:33:28.000Z (10 months ago)
- Last Synced: 2024-04-15T23:07:26.324Z (8 months ago)
- Topics: context-api, firebase-auth, firebase-realtime-database, firebase-storage, framer-motion, razorpay-api, react, redux
- Language: JavaScript
- Homepage: https://nitin-shopifier.netlify.app
- Size: 13.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Title
Shopifier
## Demo Link
Access this site: https://nitin-shopifier.netlify.app/
## Table of Content
- About
- ScreeShot
- Technologies
- Setup for Local
- Status
## About
The Database used is firestore to store all the Details and Authentication Part is created using Firebase auth and Images are stored into storage provided by firebase. People can save their product into the Cart and make payment using Razorpay Payment Portal.
Hope You Love it !! ❤️
## ScreenShot
## Technologies
- React
- Tailwind CSS
- React Router DOM
- Context API
- Redux
- Razorpay API Integration
- Firebase Auth
- Firebase Firestore
- Firebase Storage
- HTML
- CSS
- Javascript
- Axios
## Setup for Local
- download or clone the repository
- Create and Account on Firebase and create Authenication with email and password.
- Create Realtime database ( Firestore ) and Storage
- Create .env file in the root directory and structre should be like this and fill the details
```
REACT_APP_ADMIN_EMAIL=''
REACT_APP_APIKEY=''
REACT_APP_AUTHDOMAIN=''
REACT_APP_PROJECTID=''
REACT_APP_STORAGEBUCKET=''
REACT_APP_MESSEGINGSENDERID=''
REACT_APP_APPID=''
REACT_APP_MEASUREMENTID=''
```
- run npm install
- run npm start
## Version Update
Soon