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

Diseñando páginas web con Bootstrap 4
Universidad Austral via Coursera
Cloud Developer
Udacity
Containerize a full-stack NodeJS application in Docker
Coursera Project Network via Coursera
Create RESTful APIs for Spotify using Postman
Coursera Project Network via Coursera
Build a Full-Stack Server for API Requests - NodeJS and Pug
Coursera Project Network via Coursera