Skip to content

This is the Ecommerce Project React App or Frontend made with MERN Stack in 2024 YouTube Video

Notifications You must be signed in to change notification settings

meabhisingh/mern-ecommerce-frontend-2024

Repository files navigation

MERN E-COMMERCE SERVER 2024

Hi! My name is Abhishek Nahar Singh, I have created this tutorial to teach MERN Stack for free on YouTube.

Prerequisite

  1. Must have basic knowledge of Node, React, Express, MongoDB . I have made tutorial on each technology on YouTube , make sure to check it out. Links are Below respectively
  2. TypeScript - https://youtu.be/66_bET6sI20
  3. Node - https://youtu.be/BSO9C8Z-YV8
  4. React In One Video - https://youtu.be/b50zSyLiCYQ
  5. React Full Course - https://www.youtube.com/playlist?list=PLt5mNkGuWcuWSUHxSzWP74IU9U4BTVLt0
  6. Express - https://youtu.be/teipbke8c4A\
  7. MongoDB - https://youtu.be/AYDP1S5BbTo
  8. Master Backend In One Video - https://youtu.be/cGAdC4A5fF4
  9. RestApi - https://youtu.be/AhCSfuG9Jxw (optional)

Install Dependencies

For Dev - npm i && npm run dev For Product - npm i && npm run preview

Env Variables

Make Sure to Create a .env file in root directory and add appropriate variables in order to use the app.

Essential Variables

VITE_FIREBASE_KEY= from firebase

VITE_AUTH_DOMAIN= from firebase

VITE_PROJECT_ID=from firebase

VITE_STORAGE_BUCKET=from firebase

VITE_MESSAGING_SENDER_ID=from firebase

VITE_APP_ID=from firebase

VITE_SERVER=Your Backend Server URl

VITE_STRIPE_KEY=Stripe Publishable Key

fill each filed with your info respectively

Author

Instagram Click Here @meAbhiSingh

YouTube Click Here 6 Pack Programmer

LinkedIn Click Here @meAbhiSingh

Twitter Click Here @meAbhi_Singh

About

This is the Ecommerce Project React App or Frontend made with MERN Stack in 2024 YouTube Video

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages