The MERN Stack development session is held as two days hands on interactive session with the various integration features which is useful to understand the basic functions and structure from cmd to hosting using multiple platforms.

Create a account in the vercel , render , Mongodb compass.

install all the dependencies for the project . -> node.js to run the server and connect it

create a React.js page to run the frontend file :

cmd :

first we need to check the node version (node -v). 2.npm install -g create-vite 3.npm create vite@latest my-react-app -- --template react

selecting react + js to choose the language use for the development process.

CREATING THIS TABLE STRUCTURE USING THE BASIC HTML AND CSS .

THE BELOW CODE IS USED TO FORM THE STRUCTURE...

I editing these thing in the App.jsx and App.css and that is imported in the route of the main.jsx and from there it will be exported

My React App Project Structure

my-react-app/

│

├── frontend/

│ ├── node_modules/

│ ├── public/

│ ├── src/

│ │…