MERN Stack & Docker Formation (3 Days)

Welcome to the 3-day MERN stack and Docker training. This repository is structured with different branches for each day's content. You can switch between branches to see the progression of the project.

📅 Syllabus Overview

🚀 Day 1: Backend Fundamentals (Node.js, Express, MongoDB)

Goal: Build a robust RESTful API and understand backend concepts.

• Introduction: MERN stack overview and architecture.
• Node.js & Express: Setting up a server, routing, and middleware.
• MongoDB & Mongoose: Schema design, connecting to a database, and performing CRUD operations.
• Practice: Build a RESTful API (e.g., for a Task Manager or Products catalog).
• Check branch day-1 for the code result of this day.

⚛️ Day 2: Frontend Integration (React.js)

Goal: Build a dynamic user interface and connect it to the backend.

• React Basics: Components, JSX, props, and state management hooks (useState, useEffect).
• Styling: Integrating Tailwind CSS v4 for modern, rapid UI development.
• Routing: Setting up React Router for SPA navigation.
• API Integration: Using fetch or Component libraries to interact with the Express API (handling CORS, loading states, and errors).
• Practice: Build the frontend components to consume the API created on Day 1.
• Check branch day-2 for the code result of this day.

🐳 Day 3: Containerization & Orchestration (Docker)

Goal: Containerize the full-stack application for consistent environments.

• Docker Basics: Images, Containers, and Docker architecture.
• Containerizing MERN: Writing Dockerfile for the Node backend and React frontend.
• Docker Compose: Creating a docker-compose.yml to orchestrate Frontend, Backend, and a MongoDB container together.
• Practice: Build and run the entire MERN application using a single docker compose up -d command.
• Check branch day-3 for the code result of this day.

---

🌿 Branch Navigation

To switch to a specific day's content, use the git checkout command:

git checkout day-1
git checkout day-2
git checkout day-3