Don't forget subscribing ! Building the frontend of our travel application. Things that you need for this tutorial in order to follow it :
THE SERVER THAT WE BUILT IN THE PREVIOUS EPISODE.
Mapbox : https://www.mapbox.com/
Toastify : https://www.npmjs.com/package/react-toastify
React-GL-Map : https://visgl.github.io/react-map-gl/
Timestamps:
0:00 - Application Showcase
1:40 - Creating the react app
5:00 - Setting up the Map
25:00 - Setting up a Proxy for our server
28:15 - Fetching pins from our server
36:30 - Testing the API
48:16 - Visualizing the pins from server
1:01:44 - Visualizing the Pin Information
1:08:28 - Coffee break
1:08:40 - Styling the Pin Information
1:08:40 - Styling the Pin Information
1:14:52 - Adding a new pin by clicking
1:18:05 - Visualizing the Pin additive info
1:31:57 - Coffee break for you
1:32:02 - Visualizing the Footer
1:47:48 - Visualizing the Login Page
2:01:10 - Calling the API for Login
2:08:03 - Visualizing the Register Page
2:19:40 - Calling the API for Register
2:34:20 - React Notifications for API
2:44:20 - Final Testings ( GOOD JOB )
You can find the code here : https://github.com/IvailoManolov/Fullstack---Travel-Map-App/tree/master/front-end
