Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Full-Stack Travel Planner App with Next.js, Google Maps, and PostgreSQL

PedroTech via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive travel planning application in this tutorial that combines NextJS, Google Maps integration, and PostgreSQL database management. Master the complete development process from initial project setup through creating an interactive navbar, implementing Neon database configuration with authentication systems, and building core functionality for adding and managing travel trips. Develop a dynamic dashboard interface, implement location management features with Google Maps integration for visual trip planning, and create an intuitive drag-and-drop interface for organizing travel itineraries. Conclude by building an engaging 3D globe visualization feature that enhances the user experience with interactive geographical displays, utilizing modern web technologies including Prisma ORM for database operations and responsive design principles throughout the 3 hour and 46 minute hands-on coding session.

Syllabus

00:00:00 | Intro
00:02:00 | Project Setup
00:07:30 | Building Navbar
00:15:00 | Setup Neon and Auth
00:40:00 | Adding New Trips
01:16:00 | Dashboard Page
02:04:00 | Adding New Locations
02:27:00 | Displaying the Map
02:40:00 | Drag and Drop List
03:02:00 | 3D Globe Page

Taught by

PedroTech

Reviews

Start your review of Build a Full-Stack Travel Planner App with Next.js, Google Maps, and PostgreSQL

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.