MERN Stack Full Course - Travel Map App Using Mapbox and React Hooks
Offered By: Lama Dev via YouTube
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
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity