Project: Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project with Stripe

Task : Project Setup & Environment Configuration

IMP NOTE : Watch only 30 mins session and implement .

๐ŸŽฏ Objective:
Set up the development environment and initialize the MERN stack project structure.

๐Ÿ“Œ To Do:

๐ŸŽฅ Watch Session 1: Project Introduction & Setup

Link: https://drive.google.com/file/d/1mlQj8exyVNYLlOQzaXPiG9iDVj9tncaz/view?usp=sharing

Assets file (Download now ) : https://drive.google.com/drive/folders/1jJrEAWn-ial0Hywqtx7Cqe8RApEepElT?usp=sharing

๐Ÿ“ Complete the following tasks:

  • Install Node.js and MongoDB
  • Install VS Code Extensions
    • ES7 React Snippets
    • Prettier
    • Tailwind CSS IntelliSense
  • Initialize project using:
    • React (Frontend)
    • Node.js + Express (Backend)
  • Create project folder structure:
    • /frontend
    • /backend
  • Run the React development server

๐Ÿ“‚ Submission Requirement:

  • Screenshot of project folder structure
  • Screenshot of React app running on localhost