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

Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Introduction to MongoDB using the MEAN Stack
MongoDB via edX
Desarrollo de aplicaciones avanzadas con Android
Universidad Nacional Autónoma de México via Coursera
Utilisez des API REST dans vos projets web
IBM via OpenClassrooms
Extend Your Application with REST Services
Microsoft via edX