MERN Stack Zero to Fullstack App – 3 Hour Live Workshop

Learn React, Express.js, MongoDB & REST API Integration by Building a Complete MERN Application Live

📅 14-May-2026(Thursday )

⏰ 7PM – 10 PM

Why Learn Fullstack at HackForge?

Live hands-on coding session

Beginner-friendly explanations with real examples

Industry-style Fullstack integration workflow

Certificate of participation

Upgrade path to Advanced Fullstack program

Trainer details

Nandhini

Java Fullstack Trainer specializing in Spring Boot, React, and real-world project-based learning.

✔ Industry-focused Java Fullstack training
✔ Hands-on backend & frontend development guidance
✔ Project-based teaching approach
✔ Interview preparation support

View LinkedIn Profile

Workshop Agenda

Hour 1

Introduction to MERN Stack

React basics and JSX

Components, props and state

Hour 2

Setup Express.js backend

Create REST API endpoints

Create cloud MongoDB database

Hour 3

Connect React with REST API

Store and fetch data from MongoDB

Build complete MERN fullstack app

What we taught in this workshop

React Basics

✔ Understanding React components
✔ JSX syntax and rendering
✔ Using props and state

React Hooks

✔ Using useState hook
✔ Using useEffect hook
✔ Handling component lifecycle

Create Cloud MongoDB Database

✔ Setup MongoDB Atlas account
✔ Create cloud database cluster
✔ Connect MongoDB with backend

Express.js Backend

✔ Create Express server
✔ Build REST API endpoints
✔ Handle request and response

REST API Integration in React

✔ Fetch API data in React
✔ Connect frontend with backend
✔ Display API response in UI

Build One MERN Fullstack App

✔ Frontend and backend connection
✔ Store data in MongoDB
✔ Run complete MERN application

Who This Course Is For

✔ Engineering students

✔ Frontend beginners

✔ Students preparing for placements

✔ HTML/CSS learners moving to JavaScript

✔ Aspiring Fullstack developers

Real Projects We Build 💼

Dynamic webpage using DOM manipulation

Handling user interactions using events

Processing arrays using map and filter

Fetching live data from REST API

Hackforge Academy