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
0 likes · 5 views · 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.
