Udemy

Build a Travel Blog App with React and Chakra UI MERN [2023]

Enroll Now
  • 145 Students
  • Updated 2/2023
4.5
(23 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
9 Hour(s) 47 Minute(s)
Language
English
Taught by
Ben Fisher
Rating
4.5
(23 Ratings)
2 views

Course Overview

Build a Travel Blog App with React and Chakra UI MERN [2023]

Build and deploy a travel blog web app from scratch with React, Redux, Express, NodeJs, MongoDB [MERN Stack + Chakra UI]

Hello and welcome to my course. This is a beginner’s course for building modern web applications. This is the right course for you if you are:

- Interested in web development

- Studying IT

- Interested in programming in general

- Upskilling your existing knowledge of React

- Interested how full-stack applications are build

- Solid understanding of programming and want to start with React/JavaScript

- Interested in Chakra UI.

- You are new to the world of IT and you want to start somewhere

What will you learn?

- React and React hooks

- Functional components

- State management with ReduxJs Toolkit

- Using a component library such as Chakra UI

- Styling and designing webpages

- Responsive design

- User registration and authentication (login)

- Writing an API and storing data to a database.

- Using MongoDB

- Using NodeJS

- Using Express

- Version control using Git with Github

- And many more…

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

On this course we will build an travel blog web application called TravelBay, completely from scratch using the most popular JavaScript library called React in combination with Redux, Chakra UI, NodeJs, Express, MongoDB and many more. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application.

Course Content

  • 10 section(s)
  • 107 lecture(s)
  • Section 1 Environment Setup
  • Section 2 Project Setup
  • Section 3 Chakra, Routing & Navbar Setup
  • Section 4 Setting Up Our Backend, Redux, & Blog Screen
  • Section 5 Pagination
  • Section 6 Single Blog Screen
  • Section 7 Contact Screen
  • Section 8 Login, Admin Console, & Creating A New Blog Post
  • Section 9 Edit Blog Post
  • Section 10 Home Screen & Last Refinements

What You’ll Learn

  • Programming in JavaScript using React JS
  • Modern Redux with React JS
  • Creating a travel blog web application for an audience
  • React hooks
  • Password hashing
  • Redux Js Toolkit
  • Website administration
  • Storing images
  • Learn building applications with Chakra UI as a component library
  • Formik & Yup for easy form validation
  • React Routing
  • User Login
  • MongoDB setup
  • Object Data Mapping
  • REST API's

Reviews

  • M
    Michael Gross
    5.0

    Good Instructor!

  • B
    Brian Leithead
    3.0

    Overall I think this is a good tutorial. My only true complaint is the instructor seems to have either stopped teaching on Udemy or simple does not have the time to respond to questions anymore.

  • Y
    Yeiner lopez
    5.0

    It would be great if you can add a comment section for each post. I learned a lot, thanks

  • K
    Kshenuka Ishan
    4.5

    Overall content seems to be important to know!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed