YoVDO

MERN Stack Full Course - Travel Map App Using Mapbox and React Hooks

Offered By: Lama Dev via YouTube

Tags

React Courses Web Development Courses MongoDB Courses REST APIs Courses Full Stack Development Courses Axios Courses

Course Description

Overview

Develop a full-stack map pinning travel application using React.js, Node.js, Mapbox, Express, and MongoDB. Learn how to create a Google Maps-like app where users can pin locations and share reviews. Master React hooks, build a Node.js REST API, implement user authentication, integrate Mapbox for interactive mapping, and use Axios for data fetching. Create markers and popups, handle user registration and login, and manage user sessions with local storage. By the end of this comprehensive tutorial, you'll have built a functional MERN stack application with location-based features.

Syllabus

Introduction
Creating Node.js Express App
Connecting MongoDB with Mongoose
Creating Node.js Rest API
Node.js Login and Register System
Creating a React App
Using React Mapbox
Creating Mapbox Marker
Creating Mapbox Popup
React Fetching data from Node.js using Axios
React Mapbox adding new Location
React Post request using Axios
React Login and Register Page
Mern Stack Login and Register System
Using React Local Storage
React Logout System using Local Storage
Outro


Taught by

Lama Dev

Related Courses

Vue.js: Learning the basics by building a movie web app
Udemy
How to Build a Follow UnFollow System In PHP using Laravel
Udemy
Build your first React JS Application
Udemy
React Basics for beginners
Udemy
Complete React 16 from Zero to Hero | Get Hired
Udemy