MERN Stack Fullstack Development Course

This repository contains a curriculum designed to guide you through your journey in fullstack development provided by ITUACM DevTeam. We will develop a fully functional fullstack application using the MERN Stack (MongoDB, Express, React, Node.js) during the course. Throughout the project, we will store user data in the backend and display and manipulate this data on the frontend.

Contents

1. Course Plan
2. Setup
3. Running the Project
4. Course Contents
5. Next Steps

Course Plan

Lecture	Topics
1	Introduction, Setup, JavaScript Fundamentals (ES6+)
2	Backend Introduction: HTTP, REST API, First Endpoint with Express, MongoDB Connection, JSON Structure
3	Working with Database: CRUD Operations, Working with Relational and Nested Data in MongoDB
4	Frontend Introduction: HTML, CSS, Flexbox, Grid, React Components and Router
5	Connecting Frontend and Backend: API Requests, Axios, CORS, HTTP Only Cookies & Authentication

Setup

Before starting the project, please install the following tools:

• VSCode
• Node.js
• MongoDB
• Postman

Cloning the Repo

git clone <repo-url>
cd mern-fullstack-course

Backend Setup

Navigate to the backend folder and install the necessary packages:

cd backend
npm install

Frontend Setup

Navigate to the frontend folder and install the necessary packages:

cd frontend
npm install

Running the Project

To run the backend and frontend, open two separate terminals and execute the following commands:

1. Backend:

   cd backend
   npm run dev

2. Frontend:

   cd frontend
   npm run dev

Once both services are running, you can access the application's frontend at http://localhost:3000.

---

Course Contents

Lecture 1 - Introduction

• Topics: Introduction to fullstack development, MERN Stack overview.
• Setup: VSCode, Node.js, MongoDB, Postman.
• JavaScript Fundamentals: let/const, arrow functions, destructuring, async/await, Promises.
• Application: Basic Node.js server setup and testing.

---

Lecture 2 - Introduction to Backend Development

• Topics: How does the internet work? HTTP, REST API concepts.
• Express Introduction: Creating the first API endpoint. Learn about middlewares.
• MongoDB Introduction: Database connection, CRUD operations.

---

Lecture 3 - Working with MongoDB

• Topics: Database design in MongoDB, working with relational and nested data.
• Application: Managing user data with CRUD operations.

---

Lecture 4 - Introduction to Frontend Development

• Topics: History of web development, HTML, CSS, Flexbox, Grid.
• SPA Concepts: Component structure, State management.
• React Router: Page routing.
• Application: Setting up a basic React application.

---

Lecture 5 - Connecting Frontend and Backend

• Topics: API requests, Axios, CORS configurations.
• HTTP Only Cookies: Secure session management.

---

Next Steps

Don't forget to practice what you've learned throughout the course by working on projects! You can reinforce your knowledge with application examples at the end of each lecture. Good luck!