Mayankjoshi670/E-commerce
0
Backend Engineer
Frontend Engineer
Web Developer
Node.js
React
TypeScript
E-commerce Application Setup Guide:
Frontend
Create and Configure the .env File
Create a new .env file in your frontend directory and add the following variables. You can obtain these values from your Firebase and Stripe accounts.
VITE_FIREBASE_KEY = your_VITE_FIREBASE_KEY
VITE_AUTH_DOMAIN = your_VITE_AUTH_DOMAIN
VITE_PROJECT_ID = your_VITE_PROJECT_ID
VITE_STORAGE_BUCKET = your_VITE_STORAGE_BUCKET
VITE_MESSAGING_SENDER_ID = your_VITE_MESSAGING_SENDER_ID
VITE_APP_ID = your_VITE_APP_ID
VITE_SERVER = http://localhost:4000
VITE_STRIPE_KEY = your_VITE_STRIPE_KEY
Steps to Start the Frontend
Install Dependencies
npm install
Run the Frontend
npm run dev
Backend
Create and Configure the .env File
Create a new .env file in your backend directory and add the following variables. You can obtain these values from your MongoDB and Stripe accounts.
PORT = 4000
MONGO_URI = your_MONGO_URI
STRIPE_KEY = your_VITE_STRIPE_KEY
PORT: The port on which your backend server will run (usually 4000).
Steps to Start the Backend
Install Dependencies
npm install
Build the TypeScript Files
tsc -w
Run the Backend
npm run dev
Card NO
while doing payment if it shows an error use this card no
<<<<<<< HEAD 4000003560000297 || 4000003560000123
4000003560000297 || 4000003560000123
345e8500310453e9fa4ddf16aeb2a29fbd2a5363
Like this project
0
Posted Jan 20, 2025
E-commerce store using React, TypeScript, Node.js, SCSS, Firebase, Stripe, and MongoDB. Admins manage products; buyers shop, pay, and track orders.
Likes
0
Views
0
Tags
Backend Engineer
Frontend Engineer
Web Developer
Node.js
React
TypeScript
GitHub - Mayankjoshi670/PersonalPortfolio
GitHub - Mayankjoshi670/PaytmWallet: Paytm wallet Using MERN st…