Develop Fullstack Instagram Clone With Mern Jwt & Bootstrap5

What you'll learn
You will learn about React JS
You will learn about MongoDB and Mongoose
You will learn about NodeJS and ExpressJS
You will learn about Middleware in ExpressJS
You will learn about securing application using tokens - JWT (Json Web Token)
You will learn to design frontend using Bootstrap5
You will learn to design mobile responsive application
You will learn about state management using Redux
You will learn to upload and download images
You will learn about routing using React Router Dom
You will learn about different types of React Hooks
You will learn to handle user session and hide show menu items based on user session
You will learn to develop a production ready end to end application using MERN stack
Requirements
Basics of HTML, CSS, jаvascript
Description
In this course you will learn to develop production ready fullstack application and get ready for your job.Following are the topics you will learn in this course:learn about React JSlearn about MongoDB and Mongooselearn about NodeJS and ExpressJSlearn about Middleware in ExpressJSlearn about securing application using tokens - JWT (Json Web Token)learn to design frontend using Bootstrap5learn to design mobile responsive applicationlearn about state management using Reduxlearn to upload and download imageslearn about routing using React Router Domlearn about different types of React Hookslearn to handle user session and hide show menu items based on user sessionlearn to develop a production ready end to end application using MERN stackBelow are the topics that will be covered while developing the application:Environment Setup & React IntroductionInstalling VS Code EditorVS Code SettingsDifference between jаvascript and ReactJSCreating the React ProjectRunning the React ApplicationExploring the React Project Folder StructureUnderstanding React JS Application lifecycleCreating First React ComponentIntegrating Bootstrap with React ProjectDesigning Login Page LayoutStyling Left Image Section of Login PageStyling Layout of Login FormUsing Bootstrap form for email and passwordInput boxes stylingStyling Login ButtonAdding and using Google fontsStyling signup section in Login pageStyling the Signup white buttonMaking Login Page Responsive for Mobile-Part-1Making Login Page Responsive for Mobile-Part-2Making Login Page Responsive for Mobile-Part-3Creating Signup Page React ComponentDesigning Signup Page for Mobile and Desktop viewUnderstanding Routing and Installing React Router DomAdding Router Routes and Route in App.js componentNavigating From Login to Signup and Vice VersaNavBar Layout and Solving warning messagesIntegrating Bootstrap NavBarAdding logo to NavBarStyling searchboxIntegrating FontAwesome iconsStyling the right icon section on NavBarCreating PostOverview page and Added Routing
Overview
Section 1: Introduction and Environment Setup
Lecture 1 Installing React Bootstrap
Lecture 2 Adding Bootstrap Popup
Lecture 3 Creating Layout for Post Details Popup
Lecture 4 Integrating Bootstrap Carousel
Lecture 5 Layout for Right section of Post detail
Lecture 6 Styling the Post information section
Lecture 7 Adding Popover Dropdown Menu for Edit and Delete
Lecture 8 Adding Edit and Delete Post links and Icons
Lecture 9 Adding Dropdown Menu to NavBar
Lecture 10 Styling Menu for MyProfile and Logout
Anyone who wants to develop production ready fullstack application using MERN stack, Redux and JWT


Homepage

https://www.udemy.com/course/develop-fullstack-instagram-clone-with-mern-jwt-bootstrap5/