Preview Job ready MERN full-stack web development course (lifetime + certificate)

Introduction to our MERN Stack course

Welcome to our course. DM me for any help!

Complete walkthrough of the course (must watch)

MERN stack course projects (must read)

EVERYTHING you need is available in this course.

What is MERN stack

Role of Every Component of MERN

All code snippets and zip files

Prerequisite Information

All guides and resources - download from here

Setup, Git, GitHub, Pages, Deploy

Introduction to Git

Intro to Git, GitHub, and Workflow

Install and Setup - Git and GitHub

Visualize git with this tool

Github cheat sheet

Creating Repository, GitHub Pages, Deploying and Pushing code

Git summary and how to learn [new]

[Interview help] Guides - resume, full stack, JS, React, etc

[NEW - Bonus] All our premium guides

Resume and application process

Full stack interview questions

Complete tech job guide

Behaviour interview guide

Cold emailing networking guide

JS practice questions.zip

React practice questions

[code zip file] JS 50 exercises solutions

Everything about HTML

Full HTML, CSS projects

[NEW] - HTML - notes and pdf

HTML - Document Structure Doctype , html , head , title , body

HTML - Text MarkUp h1 to h6 , p , pre , br , hr

HTML - Text Formatting bold , strong , italics , em , sub ,sup

HTML: Intro, Tags, elements, headings

HTML: div, classes , id ,styles

HTML - Quotations and Citation Elements blockquote , quotation , abbr

HTML - Semantic Tags header, footer , nav , article , section , aside

HTML - Lists unordered , ordered , description

HTML - Links anchor tag , Absolute Url, Relative Url

HTML - Images - img , picture

HTML - Tables

HTML - Forms

Please rate your experience with 30DC till now

CSS new videos [new uploads]

0 Intro and Applying CSS

1 . Selectors

2 . Colors

3 . Background

4 . Borders

5 . Box Model

6 . Text

7 . Fonts

8 . Links

9 . Display

10 . FlexBox

11 . Media Query

12 . Box Sizing

13 . Transform

14 . Grid

Tailwind CSS NEW videos [new upload]

Intro , instalattion

Utility First Framework

First Last Odd Even

Hover , active , focus

Group

CSS and Tailwind [with projects] - Everything about Styling

[NEW] - CSS - notes and pdf

CSS - Introduction and applying

CSS - Selectors

CSS - Colors

CSS - Backgrounds

CSS - Borders

CSS - Box Model

CSS Text, Links , Lists , Table

CSS - FlexBox

CSS - Grid

TAILWIND CSS and PROJECTS

PLEASE WATCH NEW UPLOADED VIDEOS!

[Tailwind CSS - 1] Master Tailwind CSS & Build Projects - Speed run

Tailwind responsive page project - [zip code file]

[Tailwind CSS - 2] - Tailwind CSS with Project

Complete project: landing page with HTML, CSS, Tailwind

Additional projects

[Tailwind CSS project] - 1 - DSA revision guide landing page

[zip code file] - DSA revision guide page

[Tailwind CSS project] - 2 - Edtech event page

[zip code file] - Edtech event page

[5+ Projects] - HTML, CSS complete projects

HTML, CSS, JavaScript projects

[HTML, CSS project 1] - Planet Selling - E commerce - HTML,CSS - complete app

[zip code file] Ecommerce app

[HTML, CSS project 2] - Build a complete Signature app with HTML, CSS, JS

[zip code file] Signature app

[HTML, CSS project 3] - Tailwind CSS introduction and complete project

[zip code file] Landing page project

[HTML, CSS project 4] - ECommerce app using HTML and CSS

[HTML, CSS project 5] Image resizing application

[zip code file] Image resizing app

[Bonus project - homework] DSA revision guide landing page

[Bonus project - homework] Event landing page

JavaScript NEW videos [new upload]

1 . IDE _ VSCode , Replit

2 . Script

3 . Comments

4. Variables

5 . Implicit Type Conversion

6 . Explicit Type Conversion

7 . Arithmetic Operator

8 . Incr _ Dec

9 . Comparison Operator

10 . == vs ===

11. Logical Operator

12 . Conditional _ if , if else , nested if

13. else if

14 . Switch

15 . Loop _ for , while , do while

16 . Functions

17. Array

18 . map function

20 . push , unshift

21 . splice

22 . slice

23 . For in For OF

24 . Multidimensional Array

25 . copy

26 . Destruct

27 . objects

28 . Objects Inside Array

Everything in JavaScript part 1

JS part 1 - Installing VS code IDE

JS part 2 - Starting with JS

JS part 3 - Comment

JS part 4 - Variables

JS part 5 - Data type

JS part 6 - Type conversion

JS part 7 - Operators

JS part 8 - Conditional statement

JS part 9 - Loops

JS part 10 - Functions

JS part 11 - Arrays

Milestone 2 - MERN

PLEASE WATCH NEW UPLOADED VIDEOS!

Everything in JavaScript - part 2

JS part 13 - For in / For Of

JS part 14 - Multidimensional Array

JS part 15 - Copy and Spread

JS part 16 - Array destructuring

JS part 17 - Objects

JS part 18 - Object inside Array

JS part 19 - Functions inside Function

JS part 20 - Lexical Scope

JS part 21 - Debugger

JS part 22 - Sets

JS part 23 - Maps

Everything in JavaScript - part 3

JS part 24 - This

JS part 25 - New

JS part 26 - Constructor

JS part 27 - Symbol

JS part 28 - Recursion

JS part 29 - Asynchronous

JS part 30 - SetTimeout

JS part 31 - Callback

JS part 32 - Callback Hell

JS part 33 - Promise

JS part 34 - Async Await

JS part 35 - setInterval and clearInterval

JS part 36 - Call , Bind and Apply

Everything in JavaScript - part 4

JS part 37 - Property Flags and Descriptor

JS part 38 - Proto

JS part 39 - Prototype

JS part 40 - Class

JS part 41 - Inheritance

JS part 42 - Static

JS part 43 - Public and Private

JS part 44 - try ,catch and throw

JS part 45 - FetchAPI

We hope you must've learnt a lot about HTML CSS JS till now , Can you help us with a video review? (15-30 sec)

Everything in Javascript - part 5 - DOM

DOM - Introduction

DOM in JS - Selectors in DOM

DOM in JS - Dom traversal

DOM in JS - Siblings

DOM in JS - Append child

DOM in JS - Replace child

DOM in JS - Parent node

DOM in JS - More siblings

DOM in JS - First And last child

DOM in JS - Inner text & text content

DOM in JS - Inner & outer html

DOM in JS - Styling

DOM in JS - Get & set attributes

DOM in JS - Animation

DOM in JS - Onclick

DOM in JS - Mouse over & out

DOM in JS - Mouse down & Up

DOM in JS - Add listener event

DOM in JS - Bubbling

DOM in JS - Event delegation

DOM in JS - Window location

DOM in JS - Pop ups

DOM in JS - Event delegation

DOM in JS - Dimension

[Project] - DOM in JS - Key logger small project

[Project] - DOM in JS - Working with forms

[Project] - DOM in JS - Todo project

5 JavaScript projects

[zip code file] JS projects

[JS project] - Countdown till 2025

[JS project] - Expense Tracker

[JS project] - FetchAPI

[JS project] - Guessing Game

[JS project] - Key logger project

[New] - Build logical games with HTML, CSS, JS

[Game 1] - Tic tac toe game with HTML, CSS, JS

[zip code file] Tic tac toe

[Game 2] - Card matching game with HTML, CSS, JS

[zip code file] Card game

Fix this code - connect 4 game (homework)

[zip code file] Connect 4

Logic building w games (notes - pdf)

Build a Sudoku game (homework)

Want more? DM me on Instagram

[Bonus projects] 3 Complete HTML, CSS, JS (with JavaScript) projects

[HTML, CSS, JS Project] Basic TODO app

[code zip file] - basic todo app

[HTML, CSS, JS Project] - Quick Sign

[code zip file] - quick sign app

[HTML, CSS, JS Project] - Portfolio Site

[HTML, CSS, JS Project] - Typing Speed Test

News app with HTML, CSS, JS

Details of the app

[Zip code file] News-html-css-js

[Zip code file] News-react

React JS in detail - part 1 - Complete run through

React part 1 - Introduction and Folder structure

React part 2 - Components

React part 3 - Introduction to JSX

React part 4 - Introduction to Components, Props, Projects

React part 5 - Introduction to Hooks - useState, useEffect, Custom

React part 6 - Introduction to state management - Context API, useContext

React part 7 - Introduction to useReducer

React part 8 - React router, error #404, and Form Validation

React part 9 - Redux Toolkit explained

React JS in detail - part 2 - hooks

useState

useState Example #2

useEffect

useEffect vs useMemo

useContext

useimperativeHandleHook

useLayoutEffect

useRef

useRef DOM example

useRef Example 2

Custom Hook

[Bonus projects] 6 React JS projects

[React project 1] - BMI Calculator Made with Clipchamp

[React project 2] - Calculator App

[React project 3] - Expense Tracker

[React project 4] - Shopping Cart

[React project 5] - To Do App

[React project 6] - Weather App

[Bonus project] - Build an AI traveling app

Build a Traveling AI application with HTML, CSS, JS, React, Chat GPT API, and more!

Traveling app - zip code file

Code snippet

[Full stack project] - Build a complete Youtube clone

Youtube project part 1 - Project setup, Home Navbar

Youtube project part 2 - Add a Sidebar to the UI

Youtube project part 3 - Youtube Api Setup, Redux Toolkit

Youtube project part 4 - useDispatch, useSelector, getHomePage

Youtube project part 5 - parseData, parseVideo Duration, convertRawtoString

Youtube project part 6 - timeSince, Spinner Loading, Card

Youtube project part 7 - Search, Search Card

Youtube project part 8 - Scrollbar, Watch, Additional features

Complete code zip file

[Additional] React and JS projects

[React project] - Weather App with React JS

[React project] - BMI Calculator with React JS

[React project] - Shopping Cart app with React JS

[React project] - Pagination using useReducer with React JS

JS additional projects

JavaScript 5 Beginners Project in One Video

JavaScript 5 Intermediate Project in One Video

Portfolio Site with JavaScript

[Interview help] React + JS Interview exercises

[JS interview] - JS practice questions

[JS interview] - 50+ JavaScript Practice Exercises - Beginners to Advanced

[React interview] - 5 React JS Beginners Projects

[React interview] - 30 + React JS Practice Exercises in Hindi part 1

30 + React JS Practice Exercises - part 2

Practice frontend and react problems - AlgoChurn.com

JS practice questions (code zip)

React practice questions (code zip)

Node JS speed run (quick revision)

Introduction to Node JS , Modules , Local Modules

Built-in Modules in Node JS

Npm, nodemon, package.json etc

Event Loop, Events , Streams

Complete Node JS

Learn Node JS in One Video

Timestamps

Node JS + Express JS speed run

Creating server using Express , Express Routes

Json, Params, Query

CRUD Operations - backend

Full stack interview questions (bonus)

Databases - MongoDB speed run

Introduction to MongoDB and NoSQL database

Performing CRUD operations using MongoDB

Complete Backend development in detail - Node, Express, Mongo DB

Node JS in detail

Express JS in detail

Mongo DB in detail

Deploy your projects

GitHub Pages Deploy

Netlify Deploy

Vercel Deploy

#1 - Build User authentication application - MERN stack project

Learn user signup, login, authentication using useContext - React

Learn user signup, login, authentication using MERN stack

Learn authentication using React and Firebase

#2 - Build Ecommerce application - MERN stack project

mern-stack-ecommerce (code zip file)

Ecommerce app part 1 - Setup , Server , Mongodb and userModel

Ecommerce app part 2 - userctrl , userrouter , cokkies , jwt token

Ecommerce app part 3 - register , login , logout ,authorization

Ecommerce app part 4 - define a category (CRUD)

Ecommerce app part 5 - define a product (CRUD)

Ecommerce app part 6 - filtering , pagination , sorting , limitations

Ecommerce app part 7 - client side - navbar

Ecommerce app part 8 - client side (products), context api , fetching

Ecommerce app part 9 - client side (details page)

Ecommerce app part 10 - client side (login , logout , admin features)

Ecommerce app part 11 - client side (Add to cart)

#3 - Build BookMyShow application - MERN stack project

[zip code file] Book my show

0 - Overview

1 - Setup , Home and Select Movies

2 - Home CSS, components , time schedule

3 - Select Seats

4 - Last Booking Details

5 - Context , Local Storage , active inactive

6 - slots context , seats context

7 - Book Button , Backend , Server , ConnectToDB

8 - GetData , PostData , updating lastBookingDetails

#4 - Build Social media application - MERN stack project

social-media-master [zip code file]

How to build Social Media Full Stack App - complete pdf guide

Building a Social Media App with MERN Stack - Walkthrough video

#5 - Build Gmail - MERN stack project

mernstack-gmailclone-main

P-1 Project Setup & Building Navbar+Sidebar+Inbox Pages

P-2 Understand React-Router-Dom and Redux Toolkit

P-3 Building Login & Signup Page + Create server & Connect with MongoDB Atlas

P-4 Schema Design + User Controllers & Routes for Login & Signup + Middleware

P-5 Creating Email Controller & Api End Points ( Create, GetEmail, Delete Email)

P-6 APi Integration with Frontend (Login+Signup+Fetch, Create & Delete Email)

P-7 Persist Our Store + Searching Emails + Protecting Routes

#6 - Build Hotel Booking application - MERN stack project

MERN-Booking-App-main (1)

How to create a Hotel booking app with MERN stack

Detailed videos are coming soon!

Preview - Job ready MERN full-stack web development course (lifetime + certificate)