Go Travel - Mobile App Dev | React Native Expo | TailwindCSS| Google Places & Rapid API's

In this free course, we are going to learn how to create a realtime mobile application using react native expo, tailwindcss along with live api integrations with Google Places API and Rapid API

References Used In the Project

In this video, you'll learn:
- Advanced React Native Best Practices, such as folder & file structure, hooks, and refs
- Creating a User Interface using Tailwindcss
- Working with API Endpoints

🌎 Find Me Here:
Instagram: @vetrivel_ravi

Chapters
00:00 - Introduction
03:40 - Project Setup
09:09 - How to Run the Project
15:22 - Tailwindcss Configuration
23:07 : React Navigation
30:40 - Home Screen header Section
36:39 - Home Screen Hero Text
44:34 - Home Screen Subtext
49:19 - Home Screen Circle Layer
51:46 - Home Screen Image Container
58:07 - Home Screen Go Button
01:05:17 - Adding Animation
01:09:42 - How to navigate to another screen
01:14:37 - Discover Screen Header Section
01:23:09 - Google Place API integration
01:40:47 - Travel Advisor Rapid API integration
01:45:57 - Menu Container
01:53:20 - Menu Card
02:02:55 - Main Container Top Section
02:12:07 - Item Card Container
02:23:13 - Loading Spinner
02:27:08 - No Data Found Screen
02:31:42 - API Data Integration
02:45:08 - Passing data to another screen through param
02:51:20 - Main Item Screen Image Container
02:59:09 - Main Item Screen Customisation
03:11:35 - Changing the API request Dynamically
03:24:04 - Publishing the APP to Expo Go

#reactnative #api #vetrivelravi

[mehmettahacolak]

Thank too much, i watched it, like a cinema . I am waiting to watch another projects .

[bavakesavan]

If you don't see some changes when you add a new screen or change the config, run expo start -c. This will clear your cache which may prevent changes from appearing on your expo go app.

[MrArod]

Great video, thank you for the very detailed description on everything.

[vincent]

sir i really like the way you teaching, im prefer your video as a my firstime react native course in youtube over popular youtuber such as JSM and song sangha sir ❤❤

[kennedyfreitas]

amzing project, going to watch the whole video and code along

[FarazAhmed-rdif]

Please make more videos like this on React native. 👍

[romiean]

Great tutorial video, Awaited for more React Native tutorial videos from you 👍

[sunnysingha]

Wnt more content like this❤.. waiting for more projects bro

[madanmalhotra]

Thanks Ravi, Learn something new. Keep up with good work

[pegahpasha]

Many thanks, It was great. I am a beginner in React Native and it helped a lot.

[kaushikravikumar]

This is a very informative tutorial! I just wanted to point out an issue with your last part where you are dynamically querying the data based on location. It’s actually not working for you correctly because you have used four different use state for each of the coordinates and then you supply them to the useeffect dependency so it’s basically running four times. Instead I would suggest you create one use state object and change it.

[riahiyassine]

This is awesome..and hard work thank you very much

[phuct]

thank you, the video very detailed description on everything

[iamakashkumarram]

We want more React Native+Tailwind CSS project

[denverlopes]

I'm a chef who's learning to code and @3:07 you attempted to pronounce Cuisine, haha being a chef that was really cute to hear, it's Q-zin. simple! FyI, your coding tutorials are amazing! thank you so much!

[cwcfunclock]

If you want to prevent loading, you should cache the pictures.

[okiroroobrutheanagho]

This is great content here. Pls can you do more? Food delivery app with onboarding screen user flow.

[Nataliarianoo]

Hello friend, thanks for the tutorial, I tell you that in the tailwind configuration I have this error that I always get even if I do it with npm or yarn... Use process(css).then(cb) to work with async plugins... thank you

[PrashantSingh-wxdm]

Thank you brother, it was really helpful

[Saurabhkumar-pszp]

Sir 👏 👏
Please make video on code push for react native and deployment of react native