Summary
Keywords
Full Transcript
🚀 Full-Stack AI Trip Planner: React, Gemini AI, Firebase & TailwindCSS Explore the world of AI with this full-stack trip planner app! 🌐 In this tutorial, you'll learn to combine the power of React, Gemini AI, Firebase, and TailwindCSS to create a smart and stylish trip planning application. Perfect for developers looking to enhance their skills! 💻✨ ⭐ TubeGuruji : https://tubeguruji.com 🌟 App Demo : https://aitrip.tubeguruji.com ⭐ Support me on : https://www.buymeacoffee.com/tubegurujiw 🌟 React Native AI Trip Planner (Androud-Ios) : https://youtu.be/ZcZu1NYx-WE *** FOR TAILWIND CSS V4 Follow here : https://tailwindcss.com/docs/installation/using-vite ***** 📚 Materials/References: GitHub Repository For Application (give it a star ⭐): https://dcmk.short.gy/source-code-ai-travel-web Free Members Access : https://www.tubeguruji.com/course-preview/full-stack-ai-travel-planner-react-app 🌟 Free Source Code for Members: https://www.tubeguruji.com Join this channel to get access to perks: https://www.youtube.com/channel/UC33Tc4FCgd_to314_b2hNTg/join 00:00:00 Introduction 00:05:16 Project Setup 00:18:41 React Routing 00:24:22 Landing Page 00:31:57 Trip Basic Info Form 01:03:27 Generate Trip From AI 01:20:35 Google Authentication 01:38:05 Save Trip in DB 01:55:57 View Trip Details 02:43:01 Display Place Photo using Google Photo API 03:02:51 Header Update 03:17:22 Users Trip History 03:36:35 Deploy App
