watermark logo

4 Views· 16 August 2022

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

Advertisement

Advertise With Vidude


NidaCarner
Subscribers

React.js - Node.js Full-stack map pinning travel app using React hooks, Mapbox, Express, and MongoDB. How to create an app using Google Maps?
In this application, you can pin your location and share your reviews with other users.

Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source code: https://github.com/safak/youtu....be/tree/mern-travel-

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
1:19 Creating Node.js Express App
06:27 Connecting MongoDB with Mongoose
10:20 Creating Node.js Rest API
25:28 Node.js Login and Register System
37:15 Creating a React App
40:14 Using React Mapbox
45:36 Creating Mapbox Marker
51:24 Creating Mapbox Popup
58:02 React Fetching data from Node.js using Axios
01:08:27 React Mapbox adding new Location
01:19:05 React Post request using Axios
01:28:05 React Login and Register Page
01:37:28 Mern Stack Login and Register System
01:50:13 Using React Local Storage
01:53:30 React Logout System using Local Storage
01:57:27 Outro

Show more


Up next

Advertisement

Advertise With Vidude


0 Comments