Mega Web Dev Bootcamp with React Bootstrap5 Redux & REST API

  • Categories Video Courses
  • Duration 8h 5m
  • Total Enrolled 6
  • Last Update April 7, 2022


In this course, you will learn to develop any kind of modern website using HTML, CSS, Bootstrap 5 and ReactJs.

We will also learn about Redux state management with Context API to hide show functionality based on User session.

We will start by setting up our local development environment, first we will learn to install Visual Studio Code editor, then we will go ahead and install NodeJS runtime.

We will be consuming Remote REST API to perform various operations with the help of GET, POST, PUT, DELETE endpoints.

Next we will move on to creating the first react app, then we will move on to understanding how a create application work.

We will understand the folder structure of the ReactJs project and understand the ReactJs lifecycle and how different aspects works.

We will then move on to integrating Bootstrap 5, Font Awesome, Google Fonts, npm packages into our ReactJs project.

We will Create a complete fully functional professional website with different sections like:

  • Navigation Bar
  • Footer
  • Hero section with Carousel and Slider
  • Featured Posts section
  • Latest Posts section
  • Call to Action section
  • Our Portfolio section
  • Contact us form
  • About us page
  • Footer section with different parts like Quick Links, Newsletter and Contact Address
  • Create Posts
  • All Posts
  • Update Post
  • Delete Post
  • Login
  • Signup
  • Dynamic navigation
  • Redux , Context API

We will make sure our website is professional and responsive in different kinds of devices.

After this course, you will be a pro frontend developer in modern web technologies.

What Will I Learn?

  • You will learn everything about Bootstrap 5 and how to use different Bootstrap css classes
  • You will learn about ReactJs and its concepts and how to use Bootstrap 5 with ReactJs
  • You will learn to create a fully functional website using Bootstrap5 with ReactJs with Login and Signup
  • You will learn to integrate GET, POST, PUT, DELETE REST API's with ReactJs Application using Fetch and Axios library
  • You will learn about Redux state management and Context API and how to use them together
  • You will learn to use Google Fonts and Font Awesome Icons
  • You will learn about Responsive Web Development
  • You will learn the debugging and troubleshooting techniques

Topics for this course

67 Lessons8h 5m

Section 1: Introduction & Setup

Lecture 1: Course Introduction00:2:00
Lecture 2: Install Visual Studio Code editor00:1:2
Lecture 3: Installing NodeJS runtime00:1:26
Lecture 4: Create React App and Start Dev Server00:2:30
Lecture 5: Understanding React Project Structure & Lifecycle00:4:53
Lecture 6: Integrating Bootstrap5 Google fonts and FontAwesome00:4:12

Section 2: Designing NavBar, Aboutus, Contactus with routing

Section 3: Designing Footer, Home Page & Call to Action

Section 4: Working on All Posts and Post Detail with REST API Integration

Section 5: Working on Create, Edit, Delete Post functionality with API Integration

Section 6: Working on Signup, Login & Logout with API Integration

Section 7: User Session, Dynamic Menu, Redux, Context API



  • Basics of HTML

Target Audience

  • Any one who wants to become a job ready Frontend Developer with ReactJs, Redux, Bootstrap 5 and API integration