MemoRoute

Inspiration

MemoRoute was born from the desire to create a platform where memories connect with maps. We envisioned a space where every meaningful moment could be pinned to its exact location — transforming memories into discoverable places. Beyond just sharing memories, we also wanted users to ask location-based questions and create polls, gathering insights and opinions from others.

What it does

MemoRoute is an interactive memory-mapping platform where users can:

1. Create location-based memories
   
2. Share their stories and experiences
   
3. Ask location-specific questions and create polls to gather feedback
   
4. Explore memories, questions, and polls shared by others around the world
   
5. Build personal memory routes and interactive journeys
   

How we built it

1. Next.js 15 with TypeScript – for a robust and scalable frontend
   
2. Tailwind CSS – for modern and responsive UI design
   
3. Firebase – to handle authentication, database, and real-time updates
   
4. Google Maps API – for interactive location-based services
   
5. Secure authentication system – with protected routes
   
6. Real-time interactions – for a dynamic and connected experience
   

Challenges we ran into

Some of the major challenges we faced included:

1. Ensuring real-time memory and poll sharing without compromising performance
   
2. Integrating Google Maps with custom interactive markers
   
3. Creating a secure and smooth authentication system
   
4. Designing a seamless user experience for both memory and poll creation
   
5. Encouraging both personal storytelling and public interaction through polls and questions

Accomplishments that we're proud of

1. Built a location-based social platform for sharing memories, questions, and polls
   
2. Designed a fully interactive map interface with custom memory pins
   
3. Developed a secure authentication system with protected routes
   
4. Created a responsive UI that works smoothly on desktop and mobile
   
5. Enabled real-time updates for memories and polls using Firebase
   
6. Fostered an environment where users can both share and gather ideas from the community
   

What we learned

1. Advanced usage of Next.js 15 and its App Router architecture
   
2. Integrating the Google Maps API into a dynamic React environment
   
3. Efficient state management using React Context
   
4. Best practices for client-side route protection
   
5. Working with real-time databases and sync logic using Firebase
   

What's next for MemoRoute

1. Clustering for memory pins to improve map performance with large datasets
   
2. Advanced filtering options for memories, questions, and polls
   
3. Gesture-based navigation for a more fluid mobile experience
   
4. A notification system for poll responses, comments, and interactions
   
5. Social features like following users and a personalized activity feed
   

Built With

• api
• authentication
• cicd
• firebase
• git
• github
• google-maps
• nextjs
• node.js
• react
• tailwindcss
• typescript
• vercel
• vscode