Pioneer
A social media for sharing locations and trips with others and friends! Discover places, plan multi‑stop routes, and share them effortlessly.
Overview
Discover spots, build multi‑stop routes, and share trips with friends, all in one fast Mapbox‑powered experience.
Screenshots
Tech Stack
Key Features
- ▸Interactive Mapbox map with geocoding search
- ▸Create Trips with Routes: add/reorder stops, preview, generate routes
- ▸Things To Do feed with images and tags
- ▸Leaderboards of top contributors
- ▸User profiles and followers
Design Philosophy
Fast, map-first exploration with minimal chrome; contextual actions; defaults that favor sharing and collaboration.
Design
Focused on clarity and speed: typography choices to improve scan-ability, high-contrast UI for readability, and a layout that highlights primary actions and content without distraction.
Development
Built with React 18, Mapbox GL JS v3, Supabase (Postgres + Auth + RLS), Framer Motion. Emphasis on modular components, predictable state handling, and accessible interactions. Performance budgets guided media usage and bundle size.
Target Audience
Travelers, outdoor enthusiasts, and friends planning trips together.
Deployment
Frontend hosted on Vercel with CDN assets; Supabase for Postgres, Auth, and RLS; Mapbox for tiles/styles, Geocoding, and Directions APIs; CI/CD via Vercel.
Challenges
Balancing map performance and UX, enforcing RLS-safe reads/writes, and ensuring robust routing via Mapbox Directions.
Outcomes
Sub-second map search and route generation for small waypoint sets; improved perceived latency with skeleton loaders; normalized schema enabling scalable post stats and media.