↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

Ecommerce-world

eCommerce JavaScript

  
  

Project Description

This is One Of My Largest Full Stack MERN Project with All the Qualities Of an Ecommerce-Website 🌐. The SITE is Desployed !!
The WebSite is Live Now and In working Condition ======> Visit Website 👀👀

For testing the Live Website. ===> Users are Divided into:

  • Subscriber 👥
  • Admin 👤 ( For creating Products and Categories and Related Info)

FOR TESTING PURPOSES OF ADMIN ====> CONTACT ME FOR ACCESS AT —> MY EMAIL

Technologies Used:

  • 🔥 Firebase is Used For Authentication of Users And Admins
  • 🍃 MongoDB For saving and retrieving every bits and pieces of Data
  • 💙 ReactJS for handling the Frontend Development
  • 🟩 NodeJS/Express for the backend Development
  • ☁ Cloudinary for handling IMAGES.

Steps For Hosting The Website Locally ==>

Step 1: Clone The Repository in any Folder

$ git clone https://github.com/shivdon/ecommerce-world.git

Step 2: Stripe Setup for Payment Integration
Follow Link TO get Stripe Key ===> Stripe Setup api
Step 3: Client Environment Setup:

$ cd client && touch .env
$ cat > .env

REACT_APP_REGISTER_REDIRECT_URL='http://localhost:3000/register/complete'
REACT_APP_FORGOT_PASSWORD_REDIRECT='http://localhost:3000/login'
REACT_APP_API='http://localhost:8000/api'

REACT_APP_STRIPE_KEY=(get Your key from stripe by following the step 2 and paste here)

step 3.5: Installing dependencies in client folder:

npm install

Step 4: start the FrontEnd React Server:

npm start

## The Above Step Will start the React frontend Server Running on Port 3000
Step 5: Start a NEW TERMINAL WINDOW and follow the steps given next by changing the current directory to the directory where the repository was cloned:

$ cd server && touch .env

Step 6: Cloudinary Setup
Cloudinary
Step 7 : Environment variables setup for server-side

$ cat > .env

DATABASE=mongodb://localhost:27017/ecom-world
PORT=8000

CLOUDINARY_CLOUD_NAME=(cloud_name from step 6 cloudinary setup)
CLOUDINARY_API_KEY=(cloud_key from step 6 cloudinary setup)
CLOUDINARY_API_SECRET=(cloud_secret from step 6 cloudinary setup)

STRIPE_SECRET=(from step 2 stripe secret)

step 7.5: Installing dependencies in server folder:

npm install

Step 8: Run the Server

nodemon server.js

FINAL STEP: Go to Your Browser and type in the URL bar the Following:
http://localhost:3000/

CONGRATULATIONS!

You’re Set to Explore



↑