TripX

TripX - Travel. Earn. Explore.

Comment

Inspiration

I built TripX out of a very practical personal motivation. I've always been fascinated by the idea of connecting modern technologies with everyday activities - especially travel. Whether it's commuting across the city, planning a weekend getaway, or preparing a long-distance trip, the process is usually messy, boring, and scattered across dozens of tools.

I wanted to create something that is both useful and innovative. A platform that blends AI, blockchain, maps, gamification, and real-life experiences -and also lets users earn TPX tokens and collect NFTs, while restaurants, hotels, and other venues can collaborate and advertise through the app.

My goal was to build an application that makes traveling -small or big-easier, more exciting, and interactive. Something that improves daily life, not just entertains.

What it does

TripX is an AI-powered travel planning platform with Web3 gamification.

AI Trip Generation Users enter destination, dates, budget, and interests Google Gemini 2.5 Pro generates a detailed, day-by-day itinerary Smart suggestions for hotels, restaurants, and activities Automatic quest generation for every trip

Spooky Destinations A curated list of 19 haunted locations Spookiness rating from 1 to 5 skulls Mark places as visited to earn badges

Quest System Location-based challenges during the trip GPS verification with anti-spoofing Note: Photo verification is disabled for the hackathon version Earn XP and level up your traveler profile

Blockchain Rewards TPX Token (ERC-20) for completing trips and quests NFT Passport (ERC-721) — unique blockchain identity Achievement NFTs All deployed on Ethereum Sepolia Testnet

Gamification

12 Halloween badges Global leaderboard XP and leveling system Daily login streaks

How we built it

I built the entire project using Kiro AI, from early prototypes to final deployment.

Frontend React 18 + TypeScript Vite TailwindCSS Framer Motion (ghost particles, spiders, 3D cards, celebratory animations)

AI & Backend Google Gemini 2.5 Pro Supabase (PostgreSQL, auth, edge functions) No custom backend — everything runs on Supabase functions

Blockchain Ethereum Sepolia wagmi + viem RainbowKit Custom smart contracts: TPX Token, NFT Passport, Achievement NFTs

Maps & Visualization Google Maps API Mapbox GL for 3D maps Three.js for animated cosmic backgrounds Public Transportation Integrations (In Progress)

I’ve started integrating APIs from major cities’ public transport systems to allow:

route searching, live connections, faster trip optimization. This will gradually expand to more cities and eventually worldwide.

Challenges we ran into

  1. RPC Reliability

Sepolia RPC nodes were unstable. I implemented a multi-RPC failover mechanism switching between Infura, Alchemy, and public endpoints.

  1. GPS Anti-Spoofing

I added Haversine distance checks and velocity validation to prevent teleporting and location spoofing.

  1. Performance on Mobile

Glassmorphism and particle effects required heavy optimization. I created a responsive animation system that adapts effects to device performance.

  1. AI Response Stability

Gemini sometimes returned malformed JSON, so I implemented robust parsing, fallback logic, and retries.

  1. Wallet State Complexity

Wallet disconnections, network switching, and syncing React state required custom hooks to ensure smooth UX.

Accomplishments that we're proud of

Built over 20 custom Halloween UI components Fully integrated AI, blockchain, maps, and gamification Ensured WCAG AA accessibility despite heavy visuals Wrote 8 specification documents with acceptance criteria Created 112 tests including property-based logic tests

What we learned

Spec-driven development with Kiro AI drastically improves clarity and speed

Web3 UX must be simple and predictable for users

Seasonal themes (like Halloween) significantly boost engagement

Realistic glassmorphism requires multi-layer gradients and careful performance tuning

What's next for TripX

Global Public Transport Integration

I plan to add: worldwide public transport APIs, best-route search and a fully automated ticket purchasing / reservation system directly inside the app.

Mobile App (React Native) Better GPS and camera integration for quest verification.

Mainnet Deployment Migrating from Sepolia to Ethereum mainnet or an L2 (Base/Polygon).

Social Features Friends Shared trips Group quests and challenges Seasonal Themes Winter, summer, autumn — with Halloween as the base theme.

Business Partnerships Restaurants, hotels, and venues will be able to: promote their services, create sponsored quests, offer TPX/NFT rewards.

Built With

Share this project:

Updates