🚀 Full-Stack AI Trip Planner: React, Gemini AI, Firebase & TailwindCSS

[@xavierofficial9832]

00:05 Building a React-based AI Trip Planner for the web 02:24 Building a Full-Stack AI Trip Planner 07:21 Setting up React project dependencies and folder structure 09:51 Vite allows quick and seamless application building and running 14:56 Setting up ShadCN in the project 17:17 Adding and customizing components in React app 21:56 Adding a new route in React application 24:06 Creating a landing page with a fixed header and a hero section 28:32 Styling using custom CSS in React 31:08 Implementing navigation from landing page to create trip page. 36:07 Setting up Google Play Autocomplete feature for React 38:39 Generate and manage API keys for Google Cloud services 43:37 Adding input box and constant folder for budget options 46:28 Iterating budget options for styling 51:46 Implementing form data and user selection using React 54:14 Using useEffect in React for form field updates 58:49 Dynamic styling based on form data 1:01:23 Implement basic trip information validation in React 1:06:14 Integrating Gemini AI Model with Firebase and React 1:08:33 Gemini AI offers a free pricing option and easy API access. 1:12:59 Updating and using AI prompt within the application flow. 1:15:21 Process of creating a personalized trip plan with specific details. 1:20:21 Implementing Google authentication for user login and trip generation 1:22:29 Setting up Google OAuth for application authentication 1:27:06 Implementing a dialog component to trigger actions on button click. 1:29:26 Adding Google sign-in functionality with React Icons 1:34:13 Setting up token authentication and accessing user profile data 1:36:32 Authentication and trip generation process using Google sign-in 1:41:00 Installing and setting up Firebase for the project 1:43:23 Adding data to Cloud Firestore using Firebase 1:47:36 Updating user email ID and maintaining loading state 1:50:00 Implementing button disabling functionality during loading state 1:54:36 Storing trip information in the database and generating dynamic routes 1:56:56 Creating dynamic routes for view trip page 2:01:22 Fetching trip data from Firebase using document ID 2:03:38 Retrieving and displaying trip data from Firebase in React 2:08:17 Adding padding and styles to the UI elements 2:10:40 Styling and adding information to the trip planner UI 2:15:30 Creating a new Hotels component and integrating it into the application. 2:17:55 Implementing responsive grid layout 2:22:35 Adding smooth transitions and linking to Google Maps 2:24:36 Display daily plans with places to visit 2:29:41 Displaying the best time to travel 2:32:08 Styling adjustments for improved appearance 2:37:07 Adding a map icon and functionality 2:39:41 Customizing and displaying trip plans with flexibility 2:44:36 Setting up API calls for the Trip Planner app 2:46:49 Setting up API endpoint call for Place details 2:51:05 Selecting optimal pixel size for efficient loading 2:53:22 Replacing placeholder image with actual photo URL 2:58:18 Replacing placeholder image with actual image using React 3:00:42 Display images from Google Place API using placeholders 3:05:03 Implementing conditional rendering for user profile image and trip button 3:07:33 Utilizing Popover component in React for interactive UI elements 3:12:11 Implementing login functionality with user profile retrieval 3:14:25 Creating new routes and fixing navigation issues 3:19:09 Fetching user-specific documents from Firebase collection 3:21:15 Troubleshooting data retrieval and storage 3:26:13 Adding styling and information to the trip planner UI 3:28:54 Adding trip information and replacing images 3:33:29 Implementing skeleton loading effect for user trips and trip item images 3:36:14 Deployment on Versel for sharing with others 3:40:30 Deploy application on cloud and fix authorization issues. 3:42:33 Fixing routing issue with Vercel JSON configuration

[@UjjwalSharma.861]

It seems to be very cool, since it's gonna my first AI based project I'm super excited to start it, let's roll in...

[@tubeguruji]

@@UjjwalSharma.861 best luck

[@anmolacharya309]

Did you finish it ? I am planning to start it but some people are mentioning about API payment issues ?

[@PappuPejar-x3p]

Sir first of all you are G.O.A.T for real 💯 I completed this project end to end and I had this perfect project for the resume Thankyou so much ❤️

[@praptisaxena8653]

hey please can you share your git or help me in doing this i am getting error while displaying hotels

[@raghavawasthi1444]

can you please share the source code for this project

[@kunwardeepsingh127]

hey man, do you have code written somewhere, and can you share it with me

[@SanojKumar-yz2rm]

hey is firebase storage working . as firebase now paid

[@harshasshet6755]

his code is full of bugs but took chatgpts help but still stuck with that hotelcarditem shit

[@dishanthhegde9372]

I have successfully completed this project. In between code requires little bit of modifications(according your needs), but trust me you'll learn a lot. You need to have little-bit of patience! Thanks !

[@tubeguruji]

Nice work!

[@tubeguruji]

Please Share your project URL to [e-mail]

[@jeonmiku6592]

Can u share code plz

[@shaikhmahek5854]

Bro Can you share your repo?

[@virajjaiswal5824]

bro can you share your repo plz!!!

[@EasytripAI]

Thank you for the tut. Fact checked, it can work like a charm, we are the living proof :D

[@tubeguruji]

@@EasytripAI thanks

[@youtubemusicvancednew5887]

can u pls provide me ur contact info im stuck in google authentication

[@wordsbuds9293]

I have completed this project. Can i add this project in my resume?

[@ShannonNoronha]

Hi, was it completely free creating this project? Like the google places API ​@wordsbuds9293

[@harshpandey4190]

Thanks sir finally completed this project

[@tubeguruji]

Glad you finished it!

[@036-rohith7]

bro can u share ur project

[@036-rohith7]

iam facing an issue since a long time

[@garimajain474]

Really great tutorial guys thoda mehnat kro bugs aayenge solve kro and at the end you will love it.. And the satisfaction which you will get at end is really ❤❤

[@rakshithav5892]

hy can u shr the repo?? i cannot fix the bugs

[@rakshithav5892]

can u shr it on email??

[@PKD40]

you buy api. thats why you can say it.

[@rakshithav5892]

@@PKD40 sorry I didn't understand

[@khushipatil2858]

hey please tell me about api as i enabled it its is not working

[@nilangagayashan5650]

thank you so much I learnt many things from your videos

[@tubeguruji]

Appreciate the feedback!

[@Rituzzz]

By reading many comments, I'm doubting starting this project but still I am doing it...fingers crossed !!!!

[@tubeguruji]

If you face issue, Please let me know.

[@shreyanshmishra31]

@@tubeguruji The google API doesn't seem to work as it is asking for payment and apparently a lot of people seem to face the same issue. Please address the issue by providing some work around otherwise the project would not be worth pursuing.

[@anamikasadh7345]

@@tubeguruji Sir the google places apis are asking for entering card details. what to do? I dont have card anb I dont wanna pay.

[@pranjalkatore9886]

@@shreyanshmishra31 Did you finish this project?

[@shreyanshmishra31]

@@pranjalkatore9886 Yeah, pulled it off somehow. The payment problem was actually related to my debit card after resolving it only 2rs got deducted and google place API was accessible. I also tried using an alternative (locationIQ API) using which the autosuggest was working fine but when it came to displaying images it didn’t get the job done.

[@abdellatif.L]

Thank you so much for these projects, please we want a project manager project !!! with time calculations and tasks with clerk and supabase, and multiple users can colaborate !

[@tubeguruji]

Sure, Thanks for Idea

[@abdellatif.L]

@@tubeguruji Thank youu, i'm exited to see the next notification

[@aayushkumarllm]

bro from I will get the options.jsx

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@simranjha2481]

github p upload kia h project

[@harshjain998]

Pro level knowledge and teaching 💯

[@tubeguruji]

I appreciate that

[@bhasurapraneeth2768]

Sir at time steam 2:17:31 The line number 9 which is map method was not working , some of students facing with this issue when looking comments section. what can we do ?

[@blue0hat]

all your project very good ideas and well executed and pro

[@tubeguruji]

Thanks

[@Akhil_Balan_A]

great content as always

[@tubeguruji]

Thank you 😊

[@aayushkumarllm]

bro from I will get the options.jsx

[@odevperovano]

Thankyou for your time creating these amazing projetcs!

[@tubeguruji]

Most Welcome

[@aayushkumarllm]

bro from I will get the options.jsx

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@YashRaj-zd7ub]

@@ankitsingla9055 Same here. Did you find any solution?

[@VijayIpad]

You’re the god sir . I won’t forgot u

[@tubeguruji]

Thank you

[@ziontutorial]

omg really awsm again you cone up with awsm ai project 🔥🔥🔥🔥

[@tubeguruji]

Thanks

[@aayushkumarllm]

bro from I will get the options.jsx

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@bobchain3893]

awesome completed it.🔥🔥🍾

[@shatyamyograj1535]

Have you paid any amount for api or something

[@akshaykhobragade3015]

Hello sir I am following your tutorial but when there is a time to get the api key or while enabling the Google places new service it will redirecting me to the billing page there it will ask to add the card.Then it will ask to pay 1000rs to get the api key and you said it was free so please can you give me the solution to get that api key

[@learn4make]

i am also facing the same issue ,did you get any soln about this.

[@vanshsaxena4251]

yaa i am also getting this issuee..

[@siddharthbailwal101]

​@@vanshsaxena4251 Hey did your issue get resolved???

[@nikhilgupta-hb4ct]

resolved ? @akshaykhobragade3015

[@muhammadrayhaan3551]

Bro did you find any way to resolve this issue I want to make this project for my college minor should I start it or not??​@@vanshsaxena4251

[@ishanvdewan]

Your projects are very good and beginner friendly. Suggestion: make these videos in Hindi I am very sure you will get better growth

[@tubeguruji]

Thank you, I will

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@nayangupta6702]

sir im stuck at 2:20:40 by {trip?.tripData?.hotels?.HotelName?.map((item, index) => ( fff ))} is not working what should i do now sir. plz help me sir

[@gurudekirtaniye9001]

I am also stuck here can you help me?

[@Pranay-i8k]

same problem , did you got the solution for this ?

[@gurudekirtaniye9001]

@@Pranay-i8k yes I get

[@eswarkorada8469]

​@@gurudekirtaniye9001 can u tell me where is the bug ?

[@gurudekirtaniye9001]

@@eswarkorada8469 see when you are going to store the ai data in firebase then make sure to get tripData: JSON.parse() so that the ai data also get in json format and then observe your json file in firebase and give the address accordingly..

[@souvikhalder1510]

Can you please make a video ? On how to make an apk of your ai travel planner app that you build with react native? It'll be really helpful

[@tubeguruji]

Sure Will do.

[@FindMultiBagger]

I am learning step by step , thank you your commitment man❤. just advice for new learner , try to code yourself first otherwise you will not able to grasp the concepts. you have to be patient 🎉

[@pranjalkatore9886]

did you finish the project?

[@FindMultiBagger]

@@pranjalkatore9886 yup

[@viewfinderfady28]

I do not have any creadit card, how can I enable the API for autocomplete while it requires valid credit card

[@sayantanpramanik9839]

sir at 45:13 kindly share how to get the AI_Prompt

[@mileslegend]

this is what i was waiting for

[@tubeguruji]

Great

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@harshpandey4190]

At 39:51 that API key is not working properly

[@Pramodkumar-tr3rj]

bro from where u got api key

[@abdullahsufyan7823]

I'm a huge fan of your projects! You're an exceptional creator on KZbin, and your dedication to your craft is truly inspiring. Your hard work shines through in everything you do, and I'm so grateful to be able to learn from and enjoy your content.

[@tubeguruji]

Thank you so much 😊

[@aayushkumarllm]

bro from I will get the options.jsx

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@learn4make]

does your api key is working

[@newresearcher8206]

I just completed this project and for sure, this was really interesting to work on. Thank you so much for this.

[@mohonsaha6970]

Bro how you enable place API?

[@ReemKarim15]

Plz help us to enable the api

[@VishalRathod-x8q]

@@ReemKarim15 also let me know

[@ReemKarim15]

@@VishalRathod-x8q yaa sure

[@newresearcher8206]

@@ReemKarim15 its not a big issue.. You need to add billing information but if they're asking for Rs. 1000 , don't go by that. I added billing info for my cloud account and for the verification only Rs. 2 were cut from my account.

[@SubhamPatnaik-u4z]

Sir at time steam 2:17:31 The line number 9 which is map method was not working , what can i do ?

[@bhasurapraneeth2768]

Yes me also face this issue, Have you fix it?

[@AdityaSharma-er3gs]

1:22:25 on Oauth consent screen what should I chose Internal or external?? External user needs verification.

[@junior2441]

Thank you for your projects..

[@tubeguruji]

Welcome

[@aayushkumarllm]

bro from I will get the options.jsx

[@Prawns-p1f]

Sir Can you please give the info that you have pasted in options.jsx I am in the middle of the project sir

[@AdityaSharma-er3gs]

if we are taking formdata as an array then, why are we filling object {} in setFormData() in handleInputChange() function? this is something new to me, I think something like that... setFormData( [ ...formData, ] )

[@tubeguruji]

to Store object with spread operator

[@AdityaSharma-er3gs]

@@tubeguruji I understood, if you initialize a state with let's say an integer, you can always pass another data type like a string, (you initialized with array, then passed an object) but I am initailising formData with an object.

[@jeetkansagra3421]

@@AdityaSharma-er3gs Have you obtained the Map APIs? Also, did you set up the autopay for ₹15,000?

[@AdityaSharma-er3gs]

@@jeetkansagra3421 not till now, but I'm trying to learn this cloud service platform, and I will setup this autopay with an account with less money, (I know they will not deduct but still I'm learning, I can accidently do something wrong.

[@AdityaSharma-er3gs]

@@tubeguruji sir, can you please make a tutorial on this Google Cloud services platform, I know you mentioned it you have a tutorial but I can't find it.

[@narinderkumar9028]

just love your content very helpful

[@trupalprajapati1108]

Bhai Place API (new ) vale me billing aata hai to usme kya krne ka hai?

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@trupalprajapati1108]

@@ankitsingla9055 axios.get vale me problem hogi sayad

[@anmolsah6076]

Finally completed this project

[@mohonsaha6970]

Hey, how you enable place API? I do not have any payment card. What should I do?

[@anmolsah6076]

@@mohonsaha6970 go to Google console then go to APIs and then for place Api and then click on enable

[@shreyanshmishra31]

@anmolsah6076 Did you use any alternative for google place API ?

[@kunalgarg4922]

Can you tell me how did you use search text request, for images. It is showing that baseurl is forbidden. What to do, kindly help me with that.

[@supertech3491]

share sourcecode

[@shashankgosavi7876]

45:17 i am not able to find this code template which you said is handy and free

[@Brijeshkumaryadav0412]

he did it on purpose so that we can't create this website even by following him. Such a dirty trick. Atleast by following we should complete it. Not showing whole prompt even once forget about easily following. wasted my whole day today on this video.

[@tubeguruji]

Bother I already explained that place api is free.. but to enable that service u need to add details . Read my above comment.

[@AbdulRehman-zc7lw]

​@@tubegurujiHi!!! Please make tutorial on ai photo enhancer web app development like Picwish and cutout pro..

[@letscrackit3303]

Bhai ye paid bhech raha hai course or source code so isy unsubscirbe karo sab log it's not prior way to earn money

[@divyajchhajed]

What happened exactly I didn’t watch the whole video why is everyone saying this is for money and all

[@DheerajKumar-mp3ds]

Thanks for your video is it possible to see the prompts thankyu​@@tubeguruji

[@garvitrastogi5830]

i coded everything correct but i am unable to done google authentication and firebase db step. What to do now. Getting error while sign in is this: content-all.js:1 Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.

[@tubeguruji]

Try react ouath library or else follow my latest video authentication chapter

[@sujankhatri8111]

Is there any algorithm integrated in it?

[@tubeguruji]

We used Gemini AI model

[@-vaniitb]

It is getting uncaught axios error with a request failed with a status of 403 while trying to get image for places and hotels.. What should I doo

[@tubeguruji]

Make sure to follow tutorial, and also check API is enabled

[@chesslibrary28]

I have problem in console for enable billing what should I do when I use API?

[@tubeguruji]

@@chesslibrary28 you have to enable .. but it does bot charge you.. u r getting 200$ every month as credits from goofle

[@sandeepgandham03]

same i'm also facing the same problem please tell me the solution for this??

[@tubeguruji]

@ you have to enable billing but dont worry they will not charge.. u will get 200$ of monthly credit from google

[@itejash6296]

Correct me if I’m wrong but isn’t it bad practice to put server actions in tsx or jsx shouldn’t we need to create api routes for it?

[@tubeguruji]

Depends.. firebase sdk is also client side one.. so should not really matter.. but its good if u keep it on server side as well

[@jagratbelwanshi1413]

23:00 i follow all the steps but I get the white blank screen when I get started at a localhost or live server

[@ibrahimahamed772]

how did you get resources

[@ashutosh5305]

On 2:15:00 firebase i didn't get the tripdata like as seen in your firebase in map/ array format it is showing in String Format and also itenaries is not showing

[@SatyamKumar-em9uy]

Write AI prompt clearly, even you can refer last video for that, and need to use JSON.parse(TripData) inside setDoc in index file of create-trip

[@itsthemeg]

why not use MongoDB instead of Firebase?

[@maazshaikh7905]

in order for places auto complete to work you need js maps api also. from the docs you can paste the script tag in index.html

[@mr.ghostman4974]

but i think that wont be good when the app is deployed.

[@yadday5153]

Why do you use react-icons in some places and emoji in some places -what is the difference? Thank you for your good work.

[@kushsharma862]

google icon ki jagah emojis ache lagenge? just one case

[@pqrstwxyz1175]

Can you share code link if possible?

[@kushsharma862]

@@pqrstwxyz1175 me?

[@adityayadav4564]

Thank you very much sir, please sir explain little more while setup things because we we stuck here like more than 2 Hours for each. Please help for better understanding.

[@souravdas05]

bro if u r stuck in sadcn setup.. just exit the file that opened file liked json & config files.. after that all will ok.. and tailwind css and sadcn working fine, no issue will be there

[@prachipatil-t9e]

i want help of yours

[@quanggiaubui4633]

What do you think about adding a recommendation system to this website, I think it would be great !!!!

[@aggaming5410]

Everyone who r trying to complete the project u cant complete it not because he hadn't shown something but because the api use for fetching the places is paid of 1000-/ other api r free but "place api new " is paid and without it u cant do it ,

[@tubeguruji]

Visit this link : mapsplatform.google.com/pricing/. Google give u 200$ credits eveymonth to use it

[@thefootballempire1646]

Sir completed the whole project but when I am creating new trips it showing the same hotels from the previous trip for example I made a trip for Mumbai but even before that I had a trip for Las Vegas so it is showing the same hotels of las vegas in mumbai as well and all the itinerary as well what can I do to fix it?

[@thefootballempire1646]

and i also think it can be a problem in gemini as in gemini I made a prompt for las vegas same as you can you tell me how to fix

[@tubeguruji]

Make sure you are creating a new trip with a unique ID.

[@pushkalvashishtha4271]

Sir complete it with react native as well Btw thanks for course

[@aayushkumarllm]

bro from I will get the options.jsx

[@thefootballempire1646]

in my code i mistakenly typed ChatSession as charSession and then I changed to to ChatSession but when I did that my screen went white I checked my AIModal file as well for the errors but I didn't find any can you please tell how to fix this issue? and can it be a problem of ai modal?

[@tubeguruji]

Check for typos in your code, especially in the AIModal file.

[@yeminkhant3795]

thank for your sharing

[@aayushkumarllm]

bro from I will get the options.jsx

[@tobiass672]

incredible project! When are you going to implement dark mode in your projects? It would be interesting to see how you develop it! you are the best

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@tobiass672]

@@ankitsingla9055 paste the code over here so i can see

[@techprak282]

Sir as it is asking for billing at time of enabling places api (new)

[@studiousguy29]

Yaa getting same problem tell me if you find an alternative solution

[@ryuu5768]

Did you find any solution ​@@studiousguy29

[@zerogamerz7157]

Yes same issue no solution given

[@techprak282]

@@studiousguy29 there is no alternative way that's why i leave this project

[@Aditya-dt6xw]

@@techprak282 yeah i also left it

[@2ru2pacFan]

Thank you sir ❤

[@tubeguruji]

Most Welcome

[@aayushkumarllm]

bro from I will get the options.jsx

[@akifahmed9610]

This looks good

[@aayushkumarllm]

bro from I will get the options.jsx

[@kirtikapriyadarshini_24]

Thanks sir. Please bring task/project manager web app where multiple users can collaborate. ❤❤

[@tubeguruji]

Will try

[@simranjha2481]

pls source code provide krdo ya github link

[@sarthakkadam7615]

does this project works in a real time

[@tubeguruji]

Yes

[@randomhooman3236]

can you please tell the AI prompt you have used at 45:10 it will be very helpful

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@HarshKumar-nv3tx]

Generate Travel Plan for Location : {location}, for {noOfDays} Days for {noOfPeople} with a {budget} budget, give me Hotels options list with HotelName, Hotel address, Price, hotel image url, geo coordinates, rating, descriptions and suggest itinerary with placeName, Place Details, Place Image Url, Geo Coordinates, ticket Pricing, Time travel each of the location for {noOfDays} with each day plan with best time to visit in JSON format

[@randomhooman3236]

@@HarshKumar-nv3tx thanks for the reply but i have already done it and even presented in a few interviews hahaha

[@Ahmed-gw8dy]

​@@randomhooman3236 How was it? Was it Good experience?

[@maheshdahake6294]

@@randomhooman3236 how did you got the code of AI prompt

[@heretorule91]

Sir is it asking for any money or all the resources used are free?

[@tubeguruji]

Its All Free

[@aoffyv3296]

Thank you guy

[@tubeguruji]

Welcome

[@aayushkumarllm]

@@tubeguruji bro from I will get the options.jsx

[@ankitsingla9055]

hey!! i am not getting the user details in the consol.log at 1:37:30 can you please help me

[@ujjwalkashyap9196]

hey bro I have bought the membership but how to access the code not i am not able to do so??

[@Jimil_soni]

Sir I viewed the project demo by the link provided by you in the description but when I clicked generate it was just showing the loading spinner in the bottom but was not showing any plan info inspite of waiting for the long time

[@tubeguruji]

@@Jimil_soni demo only work 1-2 week.. after that i turned off all service.. bcs many user take disadvantage of it thats why.

[@Jimil_soni]

@tubeguruji Oh ok sir 👍

[@Nikhil-x3h]

How can I get the options.jsx data

[@cocoxbeast1823]

Bhai aapne bana liya ye project

[@engineersclass202]

Nice

[@tubeguruji]

Thanks

[@dhruvinkachhadia1615]

Wanted to ask you that can I implement the project without using google authentication? Can I just bypass the authentication block of code?

[@tubeguruji]

Yes, You can

[@jhonsnow534]

hi could you create more react full stack projects instead of next js ? using AI

[@anamikasadh7345]

Sir the google places apis are asking for entering card details. what to do? I dont have card anb I dont wanna pay

[@pranjalkatore9886]

did you finish this project?

[@zain_x_alpha]

@@pranjalkatore9886 almost

[@premraj-yi2ze]

Hey what are the prerequisites for this project??? Only React knowledge is enough to get started with this project

[@ali050786]

Yes

[@Suhaibking91]

Great sir, Mostly i watched all of your projects Please we need now chat bot saas website like tawk or twilio

[@tubeguruji]

Sure, Will do

[@Suhaibking91]

@@tubeguruji great to know when can you do it, sir?

[@polakipraveenkumar3816]

sir Im connecting db doesn't take the data. in firestore rules showing allow read, write: if false; im tring to change ture to showing Error saving rules - An unknown error occurred

[@garvitrastogi5830]

I did everything correct but on running this using npm run dev, me getting blank page on chrome browser even i deleted cache as well. What to do please tell.

[@tubeguruji]

Did you install all the dependencies?

[@garvitrastogi5830]

@@tubeguruji yes thank you it is done. small mistake was there.

[@dhruvinkachhadia1615]

On 1:35:32 I am unable to see the "data" field on the browser console. User sign in completes successfully, but the only fields which I can see is, "access_token", "auth_user", "expires_in", "hd", "prompt", "scope", "token type". What should be the issue?

[@ashutosh5305]

Same , did you resolve it??

[@dhruvinkachhadia1615]

@@ashutosh5305 Yes! In the code, When we wrote the link of Google authentication, Make sure you use `` instead of using ‘’

[@ashutosh5305]

@@dhruvinkachhadia1615 kindly send me the source code.. its not working

[@ashutosh5305]

@@dhruvinkachhadia1615 not working bro .

[@vivenza198]

@@dhruvinkachhadia1615 I have used `` but still not getting data 1:35:32. Even after sign in with google that box is not disabled and the cross button is not working why? How can I fix it. Someone help me please.

[@ritikasharma6014]

hello @tubeguruji sir shadcn is not working, i tried multiple times, pls help sir ..

[@tubeguruji]

Try checking the official documentation.

[@jeetkansagra3421]

Hey how did you deal with the Maps api ?,Did you setup auotpay mandate ,or some other way

[@razexamvs8756]

Can you make a opus clips like web application..or clone it?

[@Shafinkhan-c8k]

To fetch real time data you need to use Gemini 1.5 Pro version

[@keshavgorai4361]

What to do with the GCP? after 3 months the access will be denied and apis will be lost forever or it will continue to work freely even after 3 months without charging any amount. I have used the alternatives but for fetching the images alternatives are not working properly at the end of the project. Please Help!! Thanks for making such a useful project, I learned a lot of things while making the projects

[@kunwardeepsingh127]

hey man do you have whole code written i need it urgent

[@ShararatiBacha-z7z]

@@kunwardeepsingh127 Chalu ban rhe ho Man

[@Masstamilan55]

Hello can you say that will tha app work if i don't enable the api

[@tubeguruji]

@@Masstamilan55 u need to have api

[@sohamdas1105]

google place api isnt working for me itts showing no options and aplaces api(new) requires billing

[@memeezy8787]

Us bhai us 😢, koi solution mile to btana

[@tubeguruji]

U need to add card details to enable the feature.. but its free so don’t worry

[@memeezy8787]

@@tubeguruji but sir u don't have any card ryt now , so is there any other option available for me 😔?

[@vishalghule4807]

Faced error in your project which is deployed. when created trip the images are not fetch it shows the default image not real one. please check

[@studiousguy29]

@vishalghule4807 how you enable the Places API (new) as it needs billing account

[@vishalghule4807]

@@studiousguy29 you have to add credit details it's not free without credit details

[@tubeguruji]

To enable you need to add billing details, Google give you 200$ credits usage every month

[@vishalghule4807]

@@tubeguruji ok got it, means the image of actual shop and place will be shown with new billing month 👍

[@me-pw1ng]

@@vishalghule4807 did u pay rs 1000 or is it free after adding details?"when created trip the images are not fetch it shows the default image not real one. please check" is it working now

[@adityasharma_________55556]

Hello sir why google is asking for 1000 payment for free trial . I am not able to access api keys its reapetedly redirecting me to billing of 1000 ruppees

[@rishavthakur4182]

Google place photos API (Text Search (new)) is giving CORS issue. Can you please tell how to solve that?

[@paracetamol5031]

is everything free?? like api , ai etc please reply tube guruji 🙏

[@tubeguruji]

Yes

[@studiousguy29]

@@tubeguruji Places API(new) requires billing to enable

[@madangopaljha8011]

@@studiousguy29but it’s free n , like 300 dollars in month?

[@jamimakhan6677]

​@@studiousguy29whaat to do now @tubeguruji api wants billing enable

[@Aditya-dt6xw]

@@madangopaljha8011 can you tell me the steps because it asks me to pay 1000 rupees

[@monalisabehera8187]

I have an error 😢failed to load jsconfig. Json couldn't find tsconfig. Json

[@tubeguruji]

Check file name with extension and spelling name

[@kirtikapriyadarshini_24]

i was using debit card for Google cloud billing ..it failed ..will using credit card solve the issue

[@harshhh._.62]

same issue

[@kirtikapriyadarshini_24]

@@harshhh._.62 from how many days are you trying??..i did yesterday and today's and I'm the facing the issue

[@harshhh._.62]

@@kirtikapriyadarshini_24 I tried today itself with credit card and my payment failed

[@kirtikapriyadarshini_24]

yes same .. mine too​@@harshhh._.62

[@madangopaljha8011]

@@harshhh._.62 now it is asking first to pay 1000 rupees to enable live view places api

[@salmanusmani]

Where can I get the options.jsx file content?

[@tubeguruji]

@@salmanusmani i showed in video refer to that or else get it from source code

[@peroprajwal]

Sir, none of your socials link are working.

[@tubeguruji]

From where you are trying to access

[@peroprajwal]

@@tubeguruji Discord on your Channel Aboutme section.

[@wordsbuds9293]

I have completed this project. Can i add this project in my resume?

[@ibrahimahamed772]

how did you get the resources,,,?

[@kunjmaheshwari9819]

don't make this project. You will get errors along with you have to give your credit cards credentials to access the API from google console.

[@tubeguruji]

Wts the error you are facing?

[@snehayadav-u6s]

im stuck at option.jsx file, from where n how I should get its content...in vid instructions r not much clear??

[@tubeguruji]

You can create your own prompt as well or else refer source code.

[@AdityaSharma-er3gs]

Hey why are you showing your api key in this video? another person can use this

[@tubeguruji]

FOr Demo, I change that

[@Soniik-u5k]

Sir it only allows visa or mastercard but I don't have these i have only RuPay .. what to do sir ... I really want to make this project and another AI resume builder it charges some money for hostinger so i was not able to make that as well. Sir i really want to make a project like u having AI integration.

[@shreyanshmishra31]

Bro I too have been fed up, seems like the thing about google place API not working is falling on deaf ears. I did try a work around this problem it worked for location autocomplete and the project was being built smoothly but I hit a brick wall as soon as I got to the end where location, hotels etc. images were to be added I was not able to find any free API to do this. This tubeguruji guy is a real nuisance.

[@pranjalkatore9886]

@@shreyanshmishra31 there are no alternatives to google places api?

[@madangopaljha8011]

sir it was asking for the 1000 rupees billing to enable live view api can we just proceed with other api other 4-5 than this , will it work??

[@tubeguruji]

Yes, But Google Map API is free , Just to enabled billing you need to add card details

[@madangopaljha8011]

@@tubeguruji sir to enable that it was first asking to pay 1000 rupees

[@madangopaljha8011]

That paces api new

[@ryuu5768]

Did it work??​@@madangopaljha8011

[@ryuu5768]

​@@madangopaljha8011 Did you find any alternative

[@gurudekirtaniye9001]

i dont understand why sometimes it does not render the hotel recommandation and place to visit please help me to fix this issue...

[@abinashdas3605]

The api is asking for payment 😕

[@dishanthhegde9372]

Just add debit card credentials. You'll have to pay 2 rupees. That's it. Then they only credit some money to your cloud account!

[@spideyff5052]

in firebase my itinerary is showing map instead of array, how can i fix that?

[@tubeguruji]

Try to Save it as String and the convert to JSON when u fetch it.

[@spideyff5052]

​@tubeguruji i have done both but still it's showing map in database how can I fetch it from db to view trip?

[@emojigaming6502]

bro can we use gomaps api instead of google place api ? please help

[@tubeguruji]

Yes