Travelgo

• 

  Mainpage

Inspiration

We were inspired by the gap between travel discovery apps and truly personalized, seamless travel planning experiences. Many existing platforms focus on either navigation or restaurant listings — but not both, and rarely with personalization. We envisioned TravelGo as a one-stop smart travel companion that helps users discover new places, manage their journey, and interact with a community — all wrapped in a sleek and responsive UI.

What it does

TravelGo is a full-stack travel and restaurant discovery app that enables users to:

Discover nearby and trending restaurants on an interactive map

Get personalized restaurant recommendations based on preferences and behavior

View detailed restaurant info, reviews, and contact options

Plan trips with stops (restaurants + petrol stations)

Save favorite places and write reviews

Browse a community feed of travel-related activity

Access all features through a responsive, mobile-optimized interface with light/dark mode support

How we built it

We built TravelGo using modern web technologies and scalable architecture:

Frontend: React (18) + TypeScript, Tailwind CSS, Shadcn/UI

Backend: Supabase (PostgreSQL + Auth + Realtime subscriptions + Edge Functions)

Maps: Leaflet with OpenStreetMap tiles and marker clustering

State Management: Zustand

Data Fetching: React Query

Form Handling: React Hook Form + Zod

Features: Responsive UI, dark/light mode, protected routes, notification system, user preferences, trip planner, real-time map filtering

We followed a component-based architecture, with separation of concerns, reusable hooks, and utility functions for scalability.

Challenges we ran into

Handling map rendering dynamically with real-time location filtering

Implementing efficient dark/light mode switching across the entire app

Structuring pages like Trip Planner, Settings, and Community to work well across screen sizes

Managing authentication state and Supabase RLS policies for secure user data access

Balancing aesthetics with performance and accessibility for a polished UI/UX

Creating a responsive notification system and a fully interactive map experience

Accomplishments that we're proud of

Built a production-ready travel app with 10+ fully functional pages

Developed a collaborative filtering recommendation engine using Supabase

Integrated real-time maps with custom clustering, GPS, and filters

Created a mobile-first UI that maintains visual consistency and responsiveness

Implemented a review system, trip planner, and user preference manager

Maintained a clean, modular codebase with full TypeScript type safety

Delivered a polished light/dark theme with professional-grade UI polish

What we learned

Deep understanding of Supabase’s capabilities — especially RLS, edge functions, and real-time updates

Using Leaflet effectively for interactive mapping and location services

Structuring scalable React projects using hooks, utility folders, and feature-based layouts

Optimizing responsiveness and accessibility for real-world devices and screen sizes

Managing form validation, caching, and optimistic UI updates with modern libraries

Designing with user-centric UX/UI principles using Tailwind CSS and Shadcn components

What's next for Travelgo

🔌 PWA Support: Enable offline support and installable experience

📱 Mobile App (React Native): Share logic with the web app and deploy to iOS/Android

🤖 AI Trip Planner: Add intelligent suggestions based on travel history and real-time data

📊 Analytics Dashboard: Add visual data insights and user trends

🧑‍🤝‍🧑 Social Profiles & Following: Let users connect, follow, and collaborate on trips

🌐 Multilingual Support: Expand accessibility globally with i18n translations

🚀 Deploy to Production: Finalize hosting, SEO, performance optimization, and launch!

Built With

• .env
• auth
• github
• i18next
• leaflet.js
• localstorage
• npm
• postgresql
• react-18
• react-query
• recharts
• row-level
• security
• shadcn
• supabase
• tailwindcss
• typescript
• vite
• webshareapi
• zustand