SIGMA-9-MERN-PROJECTS

Learn SIGMA - 9 MERN STACK PROJECTS by Apna college with comprehensive video tutorials and hands-on projects.

Apna College

Meet Your Instructor: Apna-College

Apna College stands as one of India's most influential and accessible programming education platforms, founded by the visionary educator Aman Dhattarwal. With a mission to democratize quality coding education, Apna College has transformed the lives of hundreds of thousands of students through their comprehensive, career-oriented curriculum. The platform's signature Sigma series courses cover everything from foundational programming in Java and C++ to advanced MERN stack development and aptitude preparation. Apna College is renowned for breaking down complex technical concepts into simple, engaging lessons that students can follow regardless of their prior experience. Their unique teaching approach combines practical projects, real-world applications, and industry insights, ensuring students are well-prepared for both academic excellence and professional success in the competitive tech industry.

Java ProgrammingC++ ProgrammingMERN Stack

Experience: 5+ years

Students Helped: 200000+

Specialization: Complete Programming Education

Course Overview

This comprehensive course is designed to take you from foundational concepts to advanced implementation in complete programming education. You'll learn through comprehensive curriculum designed with career focus, emphasizing hands-on learning, project-based assignments, and industry-relevant skills, building real-world projects that demonstrate your skills and enhance your portfolio.

Whether you're looking to start a new career in technology or advance your current skills, this course provides the structured learning path and practical experience you need to succeed in today's competitive tech industry.

Course Curriculum

Master the fundamentals and core concepts
Build real-world projects and applications
Understand best practices and industry standards
Develop problem-solving skills
Learn debugging and testing techniques
Build full-stack web applications

Course Content

1

Welcome to DevHub Library!

Video 1
2

Project Demo

Video 2
3

Installing Basic Tools

Video 3
4

Project Overview

Video 4
5

Setting up our React Project

Video 5
6

Default Files & Folders

Video 6
7

Identifying Major Components

Video 7
8

Structuring Landing Page

Video 8
9

Home Components (Part 1)

Video 9
10

Home Components (Part 2)

Video 10
11

Home Components (Part 3)

Video 11
12

Home Components (Part 4)

Video 12
13

Navbar, Footer & Open Account

Video 13
14

Setting up React Router

Video 14
15

Implement "About" Component

Video 15
16

LeftSection in "Product" Component

Video 16
17

RightSection in "Product" Component

Video 17
18

Implement "Pricing" Component

Video 18
19

"Support" Component (Part 1)

Video 19
20

"Support" Component (Part 2)

Video 20
21

Exploring the Dashboard

Video 21
22

Creating Dashboard Components

Video 22
23

Setup Dashboard Menu

Video 23
24

Add Data to Holdings & Positions

Video 24
25

"WatchList" Component (Part 1)

Video 25
26

"WatchList" Component (Part 2)

Video 26
27

"WatchList" Component (Part 3)

Video 27
28

Setting up MongoDB

Video 28
29

Connect MongoDB with Express (Part a)

Video 29
30

Connect MongoDB with Express (Part b)

Video 30
31

Creating Schemas & Models

Video 31
32

Holdings Starter Data

Video 32
33

Testing API Endpoints

Video 33
34

Fetch Data from Dashboard

Video 34
35

CRUD from the dashboard

Video 35
36

Implement User Authentication

Video 36
37

Plotting Graphs with chart.js

Video 37
38

Exploring Stock Market Live APIs

Video 38
39

How does Testing work?

Video 39
40

Unit Testing with JEST

Video 40
41

Deployment on AWS

Video 41
42

Covering Fundamentals

Video 42
43

What is WebRTC?

Video 43
44

WebRTC Architectures

Video 44
45

Project Demo

Video 45
46

Project Introduction

Video 46
47

Project Planning

Video 47
48

Technologies used

Video 48
49

Setting up Backend Structure

Video 49
50

Creating DB Models

Video 50
51

Authentication Routes

Video 51
52

Socket for Live Interaction

Video 52
53

Merging Socket & Express Server

Video 53
54

Setting up Frontend Structure

Video 54
55

Setting up the Router

Video 55
56

Creating Landing Page

Video 56
57

Creating Authentication Page

Video 57
58

Context API and Creating Auth Flow

Video 58
59

Activating the STUN Server

Video 59
60

Video and Audio Controls

Video 60
61

Connection through WebRTC

Video 61
62

Stream Offers as Video

Video 62
63

Resolving Errors

Video 63
64

Showing ID for videos

Video 64
65

Improving Meet UI

Video 65
66

Screen Share Feature

Video 66
67

Chat window UI

Video 67
68

Real-time messages using Sockets

Video 68
69

HOF for Auth Guard

Video 69
70

Home Component

Video 70
71

Implementing History feature

Video 71
72

Deployment

Video 72
73

Project Walkthrough

Video 73
74

Index - Agenda Video

Video 74
75

Planning the Project Structure - Console Commands

Video 75
76

Planning the Project Structures - Frontend Components

Video 76
77

Planning the Project Structures - Database Schema and Models

Video 77
78

Planning the Project Structures - API Endpoints

Video 78
79

Creating the folder structure

Video 79
80

Reading Terminal Commands from the users

Video 80
81

Working on the initRepo Logic

Video 81
82

Working on the addFile logic

Video 82
83

Working on the commitChanges logic

Video 83
84

Setting up and Configuring AWS

Video 84
85

Working on the pushChanges Logic

Video 85
86

Working on the pullChanges Logic

Video 86
87

Working on the revertChanges Logic

Video 87
88

Creating the Backend folder structure

Video 88
89

Setting up MongoDB database

Video 89
90

Writing the Server Creation Logic (Stitched Clip)

Video 90
91

Writing the Server Creation Logic

Video 91
92

Creating Schemas and Models

Video 92
93

Setting up User Functionality

Video 93
94

Setting up Repository Functionality

Video 94
95

Setting up Issue Functionality

Video 95
96

User Signup

Video 96
97

User Login

Video 97
98

Fetching User Profile

Video 98
99

Updating and Deleting User Profile

Video 99
100

Creating a new Repository

Video 100
101

Fetching Repository details

Video 101
102

Updating and Deleting Repository

Video 102
103

Working on Issue Controller

Video 103
104

Setting up the FrontEnd React App

Video 104
105

Creating Folder Structure and Auth Context

Video 105
106

Working on the FrontEnd Router

Video 106
107

Building the Signup Functionality

Video 107
108

Building the Login Functionality

Video 108
109

Testing Signup and Login Functionality

Video 109
110

Building the Dashboard - 1

Video 110
111

Building the Dashboard - 2

Video 111
112

Building the Dashboard - 3

Video 112
113

Building the Navbar

Video 113
114

Building the User Profile

Video 114
115

Building the Contributions HeatMap

Video 115
116

Building the Logout Functionality

Video 116
117

Deploying the Frontend

Video 117
118

Deploying the Backend - 1

Video 118
119

Deploying the Backend - 2

Video 119
120

Introduction to Project and Overview

Video 120
121

Introduction to NextJS, SSR and SSG

Video 121
122

Setting up the Project

Video 122
123

Creating Models for Mongoose

Video 123
124

Registration & Setting up the Routes

Video 124
125

Testing with HTTP & Login

Video 125
126

Setting up Multer and Updating Profile Picture

Video 126
127

Updating and Getting User Profile

Video 127
128

Exploring PDF Download option

Video 128
129

Implementing the Download Profile Functionality

Video 129
130

Connection Request Functionality

Video 130
131

Using Multer to Implement Post Functionality by User

Video 131
132

Delete flag concept and Implementing the Delete functionality

Video 132
133

Implementing CRUD Functionality for Comments

Video 133
134

Starting with Frontend, Redux, BundlePhobia

Video 134
135

Setting Up Config for API Connection

Video 135
136

Setting Up Redux and Authentication

Video 136
137

Designing the Home / Landing Page

Video 137
138

Understanding the Styling system in Reactjs

Video 138
139

Implementing Landing Page UI

Video 139
140

Creating the Authentication Component - UI

Video 140
141

Connecting the Auth with Backend

Video 141
142

Creating the Dashboard - Posts Reducer

Video 142
143

Connecting Dashboard Component with Reducer

Video 143
144

Pure CSS Techniques - Creating Layout for Dashboard

Video 144
145

Styling UI for Getting All Posts in The Dashboard

Video 145
146

Integrating the backend - Getting and Posting the posts

Video 146
147

Creating the post feed functionality

Video 147
148

Fetching posts from API and Showing it in a Card View

Video 148
149

Implementing Post Options - Share Functionality

Video 149
150

Implementing Post Options - Share Functionality - 2

Video 150
151

Comment Functionality UI

Video 151
152

Implementing Comment Get and Post Functionality

Video 152
153

Creating the Discover users functionality

Video 153
154

Navigating to a particular User Profile using SSR

Video 154
155

Creating the User Profile page

Video 155
156

Creating the User Profile Page - 2

Video 156
157

Creating the Connection Functionality - Sending Connection Request

Video 157
158

Implementing User Work History on Profile Page

Video 158
159

Creating resume download functionality

Video 159
160

Seeing My Connection Request and Accepting it

Video 160
161

Creating the Profile page Skeleton

Video 161
162

Profile Page Update Functionality

Video 162
163

Adding the Add work Functionality with Modal

Video 163
164

Finishing the App with Responsiveness - Media Queries

Video 164
165

Deploying our LinkedIn Clone

Video 165
166

Project Overview

Video 166
167

Setup & Explore OpenAI APIs

Video 167
168

Using OpenAI with npm

Video 168
169

Using OpenAI with API endpoints

Video 169
170

Creating Models

Video 170
171

Setting up Utils

Video 171
172

Connecting with Database

Video 172
173

Setup "test" Route

Video 173
174

Setup Routes

Video 174
175

Setup "chat" Route

Video 175
176

Starting with Frontend: Frontend setup

Video 176
177

Building the Sidebar

Video 177
178

Styling Sidebar

Video 178
179

Building ChatWindow

Video 179
180

Styling ChatWindow

Video 180
181

Functionality: Get Reply for Prompt

Video 181
182

Adding Loader

Video 182
183

Display Chats

Video 183
184

Format GPT Reply

Video 184
185

Add Typing Effect

Video 185
186

Display Thread History

Video 186
187

Configure New Chat

Video 187
188

Display chats in Thread

Video 188
189

Delete a Thread

Video 189
190

Implement Dropdown & extra feature ideas

Video 190
191

Why do we need Docker?

Video 191
192

What is Docker? [Container & Image]

Video 192
193

Docker Installation (Windows OS)

Video 193
194

Docker Installation (Mac OS)

Video 194
195

Important Docker Commands

Video 195
196

Docker vs Virtual Machine

Video 196
197

Image vs Container

Video 197
198

More Docker Commands

Video 198
199

Port Binding

Video 199
200

Troubleshoot Commands

Video 200
201

Use Case: Use Docker with Development

Video 201
202

Docker Network

Video 202
203

Set up mongo & mongo-express

Video 203
204

Connect DB with Node App

Video 204
205

Docker Compose

Video 205
206

Use Case: Dockerizing our App

Video 206
207

Creating Dockerfile

Video 207
208

Publish Image on DockerHub

Video 208
209

Docker Volumes

Video 209
210

Volumes Commands

Video 210
211

Revisiting Docker Network

Video 211
212

Continuous Integration & Continuous Delivery

Video 212
213

CI/CD Pipeline

Video 213
214

CI/CD Tools

Video 214
215

Working with Github Actions

Video 215
216

.yaml for Automation

Video 216
217

Set up JS project with Jest

Video 217
218

Our first CI setup

Video 218
219

CI/CD for MERN Project

Video 219
220

Set up AWS EC2

Video 220
221

CI/CD for Backend Module

Video 221
222

Automate .env backup

Video 222
223

CI/CD for Frontend Module

Video 223
224

Workflow Summary

Video 224

Requirements

  • Basic computer knowledge
  • Internet connection for video streaming
  • Code editor (VS Code recommended)
  • Motivation to learn and practice

Course Features

Lifetime Access
Certificate of Completion
Mobile and Desktop Access
Downloadable Resources
Community Support

Ready to Start Learning?

Join thousands of students who have already enrolled in this course.

Start Learning Now