Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/priest-2105/xvision
A react Ecommerce app with stripe and django
https://github.com/priest-2105/xvision
ecommerce javascript
Last synced: 2 months ago
JSON representation
A react Ecommerce app with stripe and django
- Host: GitHub
- URL: https://github.com/priest-2105/xvision
- Owner: priest-2105
- License: apache-2.0
- Created: 2024-03-08T22:40:18.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-10-20T22:11:13.000Z (3 months ago)
- Last Synced: 2024-10-21T02:30:15.878Z (3 months ago)
- Topics: ecommerce, javascript
- Language: JavaScript
- Homepage: https://xvison.netlify.app/
- Size: 7.39 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Xvision | E-commerce react app
Simple ecommerce react js app with firebase [typescript].
### [Live demo](https://Xvision.netlify.app/)
## Run Locally
### 1. Install Dependencies
```sh
$ yarn install
```
### 2. Create a new firebase project
Login to your google account and create a new firebase project [here](https://console.firebase.google.com/u/0/)
Create an `.env` file and add the following variables.
```
// SAMPLE CONFIG .env, you should put the actual config details found on your project settings
VITE_FIREBASE_API_KEY=AIzaKJgkjhSdfSgkjhdkKJdkjowf
VITE_FIREBASE_AUTH_DOMAIN=yourauthdomin.firebaseapp.com
VITE_FIREBASE_DB_URL=https://yourdburl.firebaseio.com
VITE_FIREBASE_PROJECT_ID=yourproject-id
VITE_FIREBASE_STORAGE_BUCKET=yourstoragebucket.appspot.com
VITE_FIREBASE_MSG_SENDER_ID=43597918523958
VITE_FIREBASE_APP_ID=234598789798798fg3-034
```
After setting up necessary configuration,
create a **Database** and choose **Cloud Firestore** and start in test mode
### 3. Run development server
```sh
$ yarn dev
```
---
## Build the project
```sh
$ yarn build
```
## How to add products or perform CRUD operations for Admin
1. Navigate to your site to `/signup`
2. Create an account for yourself
3. Go to your firestore collection `users collection` and edit the account you've just created. Change the role from `USER` to `ADMIN`.
4. Reload or sigin again to see the changes.
**Firebase Admin to be integrated soon**
## Features
* Admin CRUD operations
* Firebase authentication
* Firebase auth provider authentication
* Account creation and edit
# Xvision