YoVDO

Build and Deploy a Google Maps Travel Companion Application - React.js

Offered By: JavaScript Mastery via YouTube

Tags

React Courses Web Development Courses User Interface Design Courses

Course Description

Overview

Develop a comprehensive Google Maps Travel Companion application using React.js in this extensive tutorial video. Learn advanced React best practices, create a user interface with Material UI, integrate Google Maps API, and fetch data from multiple sources using RapidAPI. Master essential features such as geolocation, data filtering, and working with Travel Advisor and Open Weather Map APIs. Follow along to build a fully functional travel application with interactive maps, place cards, search functionality, and weather information. Gain hands-on experience in project setup, folder structuring, component creation, API integration, and deployment techniques.

Syllabus

Intro
Setup
Demo
Project Setup
Folder Structure
Header
Map
List
Working with APIs
Place Card
Display Places on the Map
Scroll Places & Filters
Places Search
Weather API
Change Map Styles
ENV
Deployment


Taught by

JavaScript Mastery

Related Courses

Introduction to ReactJS
Microsoft 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