PlaceBook 🗺️✨

A Location Social App — Track Your Life’s Adventure! 🌍🚀

Imagine seeing your entire life unfold on a single map. Share your real-life journeys and memories with friends & family! 🎉👫

---

🌟 Inspiration

I’ve always dreamed of capturing every place I’ve been—and now, PlaceBook makes that dream real! 🎯

Think Strava, but for your whole life: from daily commutes 🚗 to wild vacations ✈️🏔️ to spontaneous adventures 🛶. Visualize your personal geography, share memories, and connect with those who matter most. 💞

---

✨ Features

• 🔴 Track Your Journey: Log locations manually or let PlaceBook auto-track every 30 seconds! ⏱️📍
• 🗺️ Interactive Map: See your complete location history mapped beautifully with clickable paths and pins 📌✨
• 👥 Friends Overlay: Add friends, toggle their routes, and watch your journeys overlap for shared adventures! 🤝🎈
• 🎓 Campus Mode: Special landmarks & routes for University of Waterloo students! 📚🎓
• 📱 Mobile-First & Responsive: Smooth, modern UI that looks amazing on any device! 🔥📲
• 🤲 Manual Refresh: You choose when to update—no annoying auto-refresh distractions! 🧘‍♂️

---

🛠️ Built With

• ⚛️ Next.js 14 + TypeScript + Tailwind CSS
• 🗺️ Leaflet.js + OpenStreetMap tiles
• 🧩 Radix UI + custom styling for slick components
• 💾 React hooks + localStorage for seamless state persistence
• 🌟 Lucide React icons for consistent vibes
• 🚀 Hosted on Vercel for blazing-fast delivery

---

🚧 Challenges Faced

• ⚡ Map performance tuning with large datasets
• ⏳ Balancing real-time vs. manual updates
• 👫 Crafting realistic, engaging mock friend data
• 📱 Perfecting responsive layouts for all screen sizes
• 🧩 Fixing tricky overlay & dropdown z-index issues

---

🎉 Proud Moments

• ✅ Smooth, seamless map interactions 🖱️✨
• ✅ Real University of Waterloo campus data integration 🎓🏫
• ✅ Control-focused manual refresh system 🔄👌
• ✅ Clean, friendly UI that’s intuitive to use 🎨💡
• ✅ 6 unique mock friends to enhance social sharing 💕👯‍♂️
• ✅ Realistic past location history to kickstart your journey 🛤️🚶

---

📚 Lessons Learned

• 🙌 Giving users control beats constant automation
• 🎭 High-quality mock data = happy dev life
• 🌍 Leaflet map optimization is key for smooth UX
• 🧱 Building reusable components pays off big time
• 👁️ Visual feedback drives better user engagement

---

🚀 What’s Next?

• 🔴 Real-time live location sharing & notifications 📡👀
• 📊 Analytics dashboard for travel insights & habits 📈🧭
• 🏷️ Location tagging (Work, Home, Vacation & more!) 🏠🏢✈️
• 📸 Photo memories linked to special spots 🎞️❤️
• 🔔 Smart notifications for friend visits & events 🔔🎉
• 🔐 Granular privacy & sharing settings 🔒✨
• 📱 Native iOS & Android apps for ultimate mobility 🍏🤖

---

Crafted with ❤️ to make your life’s journey unforgettable.

Built With

• next.js