A collaborative wishlist and travel planning web app that lets users create shared wishlists, plan trips together, and explore destinations with friends or loved ones.
This project was built using the following technologies:
| Layer | Technology |
|---|---|
| Frontend | React + TypeScript |
| UI Components | Radix UI + ShadCN-style components |
| Styling | Tailwind CSS |
| State Management | React Query, Zustand (if used), React Hook Form |
| Routing | React Router DOM |
| Backend Integration | Supabase (for auth/data storage) |
| Build Tool | Vite |
| Linting / Formatting | ESLint, Prettier |
- Create and share personal travel wishlists
- Collaborate with others in real-time (via Supabase RLS/Auth)
- Browse and add destinations to your list
- Add notes, dates, and priorities to each item
- Responsive design for mobile and desktop
git clone https://github.com/your-username/wishlist-wanderlust-together.git
cd wishlist-wanderlust-togethernpm installCreate a .env file in the root directory:
VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_keyYou can get these from your Supabase dashboard.
npm run devOpen http://localhost:5173 in your browser.
- ✅ No backend AI chat functionality (Lovable.ai integration removed)
- 🌐 Supabase setup required — you must create a Supabase project and configure tables manually
- 🔒 Authentication requires email/password or OAuth providers set up in Supabase
- 📱 Fully responsive but not yet optimized for offline usage (PWA support is optional)
- 🗺 Map integrations are not included out of the box (can be added via Mapbox or Google Maps APIs)
Here are some ideas to scale or enhance this app:
- Integrate Supabase Realtime to allow multiple users to edit wishlists simultaneously