/mern-ecommerce-frontend-2024

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

Primary LanguageTypeScript

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