Senu Verse
Search
CTRL + K
Senu Verse
Search
CTRL + K
Blog
How to Set Up a Modern MERN Stack Project with Separate Frontend and Backend Folders
Vault
Academic Studies
HND
SEM IV
๐Business Analytics
๐Computing Project
๐Service-Oriented Computing (SOC)
About my HD
Blog
01_What_is_Programming
02_How_to_Choose_a_Language
03_Setting_Up_Your_Environment
04_First_Steps_in_Coding
05_Common_Mistakes_and_Tips
How to Set Up a Modern MERN Stack Project with Separate Frontend and Backend Folders
What is a Digital Garden
โจ๏ธ Quick Command Reference
โ๏ธ Backend Setup
๐จ Frontend Setup
๐ก Best Practices & Tips
๐ Project Structure Overview
๐ Connecting Frontend & Backend
๐ Running Both Servers
My Learnings
JS
1. JavaScript Data Types
2. JavaScript Variables
React
1. Role of JS Libraries and Frameworks
2. What Are Single Page Applications and Their Issues
3. What Is React, and What Is It Commonly Used For
4. What Are Components in React, and How Do They Work
5. How to Import and Export React Components
6. What is Vite
Hot Keys
Table of Content
Projects
Helios Online Voting System - React, TS, Node.js, Express.js, PostgreSQL, Redis, Docker
PHYSQ- React Native (Expo), TypeScript, Node.js, Express.js, MongoDB
About Me
Senu's Digital Garden
PHYSQ- React Native (Expo), TypeScript, Node.js, Express.js, MongoDB
How to Set Up a Modern MERN Stack Project with Separate Frontend and Backend Folders
Step-by-step guide to creating a scalable MERN stack app with clear folder separation. All commands and key comments included.
Table of Contents
๐
Table of Contents
๐ Project Structure Overview
๐จ Frontend Setup
โ๏ธ Backend Setup
๐ Connecting Frontend & Backend
๐ Running Both Servers
๐ก Best Practices & Tips
โจ๏ธ Quick Command Reference