Personal Travel Advisor – Fullstack Hybrid App Dev Course

Building fullstack hybrid mobile applications using react native expo & Google places API, Rapid API, Tailwindcss

Published 11/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.40 GB | Duration: 3h 34m

What you’ll learn

How to build hybrid mobile apps with live API integration?
How to build mobile apps?
How to work with Google API’s?
How to build mobile apps using React Native Expo

Requirements

Need a basic fundamental knowledge in javascript

Description

In this course we are going to learn how to build hybrid mobile application using React-Native Expo CLI. This is course complete beginner friendly, even if you haven’t develop any apps before don’t worry we got your back. This course you will learn all the following concepts.React-NativeReact-Native Expo CLITailwindCSSReact-native NavigationsReact-Native AnimationsWorking with cloud APIBuilding Custom Hybrid Mobile AppsTechnologies UsedReact Native ExpoGoogle Cloud places APITravel Advisor – Rapid APITailwindCSSEditor: Visual Studio CodeExtensions : ES7 React Snippets, TailwindcssReact NativeReact Native is an open-source UI software framework created by Meta Platforms, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use the React framework along with native platform capabilities.Expo-CLIExpo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.Google Cloud APIGoogle Cloud APIs are programmatic interfaces to Google Cloud Platform services. They are a key part of Google Cloud Platform, allowing you to easily add the power of everything from computing to networking to storage to machine-learning-based data analysis to your applications.React NavigationReact navigation is the central feature of a web application by which a user can navigate from one page to another based on his request or some action.Rapid APIRapidAPI is the world’s largest API Marketplace. Developers use Rapid API to discover and connect to thousands of APIs. Using RapidAPI, developers can search and test the APIs, subscribe, and connect to the APIs. Note: This course works best for learners who are based in the North American region.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Project Setup & Configurations

Lecture 3 Installing Emulators & Project Startup’s

Section 2: UI Integrations

Lecture 4 TailwindCSS Setup & Configurations

Lecture 5 React Native Navigation

Section 3: Home Screen

Lecture 6 Home Screen Header Section

Lecture 7 Text Container Part – 1

Lecture 8 Text Container Part – 2

Lecture 9 Home Screen Image Container

Lecture 10 Loading Hero image

Lecture 11 Adding Button

Lecture 12 Adding Animations

Section 4: Custom navigations & Discover Screen

Lecture 13 Custom Navigation

Lecture 14 Discover Screen Header Section

Lecture 15 Google Places API Configurations

Lecture 16 Travel Advisor Rapid API Configurations

Section 5: Custom Components

Lecture 17 Main Menu Container UI

Lecture 18 Main Menu Item Card UI

Lecture 19 Discover Screen Main Section

Lecture 20 Places ItemCard Container UI

Lecture 21 Animated Loading Spinner Component UI

Lecture 22 Data Not Found UI Component

Section 6: API Data integrations

Lecture 23 Integrating Live Data from API

Lecture 24 Passing Data to another screen through navigation route as param

Lecture 25 Main Image Container Layout

Lecture 26 Main Item Image Container Customisation

Lecture 27 Changing API dynamically using Geographical location

Lecture 28 Publishing the APP to Expo-Go

Beginners who desperate to learn Hybrid Mobile App development