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

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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