The Ripple Effect

Unity Spark is a minimalist web app that generates one immediate micro-action to spark connection. No grand gestures needed—just small ripples creating big waves.

Comment

Inspiration

We live in a world that often feels divided and isolated. I noticed that many people want to connect or do good, but they get stuck in "analysis paralysis"—they don't know what to do, or they feel like their small actions won't matter. I also realized that most apps designed to solve this require complex sign-ups and long onboarding processes, which creates friction. I wanted to build the antidote: a zero-friction tool that turns the abstract concept of "Unity" into immediate, actionable steps.

What it does

Unity Spark is a "Micro-Unity Generator."

  1. Instant Action: Users are presented with a simple, calming interface with one button: "Ignite a Spark."
  2. The Challenge: When clicked, the app pulls from a curated database of over 50 human-connection challenges (e.g., "Text a friend you haven't seen in a month," "Compliment a stranger," "Forgive a small grievance").
  3. Gamified Urgency: A 60-second visual timer begins immediately. This gamification forces the user to act now rather than putting it off for later.
  4. Reward: Upon completion, the user is rewarded with a confetti celebration and a streak counter that saves to their local browser, encouraging daily habits of kindness.

How we built it

Styling: Tailwind CSS via CDN for rapid UI development, focusing on "Glassmorphism" design trends to make it feel modern and soothing. Logic: utilized localStorage to persist the user's "Spark Streak" without needing a database login. We used the canvas-confetti library for the celebration effects.

Challenges we ran into

Mobile Responsiveness: ensuring the timer animation and glass-panels looked perfect on both desktop and mobile screens required some tricky CSS adjustments.

Accomplishments that we're proud of

Zero Friction: an app that requires 0 clicks to get started. Aesthetics: proud of the polished, professional look (animations, gradients, glass effects) achieved with very little code.

What we learned

I learned that simplicity is a feature. By removing the backend, login, and settings, we actually made the app more likely to be used.

What's next for The Ripple Effect

Social Sharing: Generating a sharable image of the challenge you just completed to challenge friends. Global Counter: Implementing a lightweight backend (Firebase) to track the total number of "Sparks" ignited worldwide by all users. Community Submissions: Allowing users to submit their own unity challenges to the database.

Built With

Share this project:

Updates