SPARK was born from a simple observation: inspiration does not live only on our screens — it lives in the streets we walk, the buildings we pass, the landscapes we see, and the everyday moments we often overlook. We realized that while social media allows people to share images, it rarely connects creativity to place in a meaningful way. Instead of endless algorithmic scrolling, we wanted to create a platform where inspiration is grounded in the real world, tied to geography, memory, and experience.
We were inspired by how artists, designers, engineers, and creators draw ideas from their surroundings. A robot design might be inspired by the structure of a bridge, a color palette might come from a sunset, and a user interface might be influenced by a café’s aesthetic. SPARK is our attempt to capture and map these creative sparks in a shared, collaborative, and playful way.
Conceptually, SPARK sits at the intersection of:
- Location-based technology
- Visual storytelling
- Social interaction
- Creative discovery
We wanted to build something that feels human, joyful, and exploratory — not another productivity tool or social network driven purely by engagement metrics. Instead, SPARK encourages users to look around, slow down, and find meaning in their environment.
SPARK is a location-based social inspiration map where users capture real-world moments of inspiration and pin them as “Sparks” onto an interactive map. Each Spark consists of:
- A photograph
- A short caption explaining why it was inspiring
- A mood category (calm, creative, playful, nature, futuristic)
- Tags that provide context
- A precise geographic location
On the main Explore Map, Sparks appear as glowing, mood-colored pins that gently pulse, creating a visually dynamic and emotional map of creativity. Users can switch between three viewing modes:
- Public — all public Sparks worldwide
- Friends — only Sparks shared by accepted friends
- Mine — the user’s personal collection
Tapping a Spark opens a beautifully designed detail card with:
- A large image
- Creator information
- Tags
- Real-time reactions (star, heart, lightbulb)
- A comments section
Beyond the map, SPARK includes a Nearby Feed, showing recent Sparks close to the user’s location, and a full Friends System, allowing users to connect, collaborate, and follow each other’s creative journeys.
At its core, SPARK transforms inspiration from a personal, fleeting moment into a shared, explorable, and persistent digital experience.
We built SPARK as a modern, scalable, and visually polished web application using a combination of cutting-edge frontend and backend technologies.
- React 18 + TypeScript for structured, maintainable development
- Vite for fast builds and development speed
- Tailwind CSS with custom theme tokens to implement our playful minimal aesthetic
- Framer Motion for smooth micro-animations and transitions
- React Leaflet with CartoDB light tiles for an elegant, minimal map experience
- Radix UI components for accessible and polished UI primitives
- TanStack Query for efficient data fetching and caching
We paid special attention to:
- Responsive design
- Touch-friendly interactions
- Smooth animations
- Consistent visual language
We used Supabase as our backend, leveraging:
- Authentication (email/password)
- File storage for images
- Real-time subscriptions
- Row Level Security (RLS) for privacy
Key database tables included:
profiles— user datasparks— all posted inspirationsspark_tags— tag relationshipsfriendships— social connectionsreactions— live engagementcomments— discussion threads
We implemented strict privacy rules using Supabase’s RLS system, ensuring:
[ \text{Public Sparks} \rightarrow \text{Visible to everyone} ]
[ \text{Friends Sparks} \rightarrow \text{Visible only to accepted friends} ]
[ \text{Private Sparks} \rightarrow \text{Visible only to owner} ]
Real-time updates allowed reactions, comments, and friend requests to appear instantly without page refresh.
One of our biggest challenges was balancing real-time interactivity with privacy and performance. Displaying thousands of Sparks on a map while filtering based on privacy settings required careful database design and query optimization.
Another major difficulty was ensuring accurate and reliable geolocation across different devices and browsers. GPS precision varies, so we had to implement fallback mechanisms and validation to prevent incorrect Spark placement.
From a design perspective, achieving a truly playful minimalist aesthetic was harder than expected. We had to constantly refine:
- Color balance
- Typography
- Spacing
- Animation timing
Too much animation felt distracting, while too little made the app feel static. Finding the right balance took many iterations.
Finally, integrating real-time features like live reactions and comments while keeping the UI smooth and responsive required extensive testing and debugging.
We are especially proud of creating a cohesive visual identity for SPARK that feels distinct, joyful, and professional. The glassmorphism effects, rounded UI, and big typography give the app a recognizable and modern personality.
Technically, we are proud of:
- Implementing a fully functional real-time social system
- Designing a scalable database structure
- Successfully integrating mapping, photography, and social interaction into one seamless experience
Conceptually, we are proud that SPARK is not just another social app — it represents a new way of thinking about inspiration, creativity, and place.
Through building SPARK, we learned that location-based social platforms require a delicate balance between:
- User privacy
- Social discovery
- Performance
- Visual clarity
We gained deep experience in:
- Real-time database systems
- Secure authentication
- Map-based UI design
- Modern frontend architecture
Most importantly, we learned that technology can shape how people perceive their surroundings — and that thoughtful design can encourage curiosity, creativity, and connection.
- Alerts when:
- A friend posts a nearby Spark
- Someone reacts to your Spark
- You receive a friend request
A smart ranking system that highlights the most inspiring Sparks based on:
[ \text{Trending Score} = \alpha (\text{Reactions}) + \beta (\text{Comments}) + \gamma (\text{Proximity}) ]
Allow users to share Sparks directly to:
- Twitter/X
- TikTok
A full dark theme with:
- Deep navy backgrounds
- Neon-like glowing pins
- Soft pastel highlights
Users will be able to create curated routes such as:
- “My Design Walk”
- “Urban Art Trail”
- “Nature Inspiration Route”
We plan to add AI-assisted tag suggestions and personalized recommendations based on user interests and past Sparks.