Ignite – Motivation You Can Flex

🔥 About the Project: Ignite – Motivation You Can Flex

🚀 What Sparked Ignite?

I didn’t just want to build another productivity tool. I wanted to build a movement — one that helps Gen-Z feel seen, stay consistent, and celebrate even the smallest wins. In a world that moves fast and judges louder, motivation can feel invisible. So I asked:

What if personal growth was something you could share, track, and flex with pride?

That question led to Ignite — a build-in-public motivation app that makes staying motivated feel fun, social, and emotionally real.

🛠️ How I Built It

Built with love (and a lot of debugging) using Bolt.new, Ignite blends frontend creativity with real-time logic and a personal touch.

Frontend: Bolt.new + custom layout styling inspired by Framer, Superlist, and Linear
Authentication: OAuth (Google, GitHub, Microsoft) with personalized welcome using displayName or unique motivational nicknames
Data Storage: Smart use of auth.uid for unique session tracking; everything persisted via localStorage:
- Streaks, challenges, quotes viewed
- Mood check-ins & energy levels
- Time capsules sent & received
- User preferences and theme
- Shareable progress cards

💡 Core Features

💬 AI-Powered Quotes — personalized to your vibe
🌈 Mood Check-In — challenge tone adapts based on how you feel
✅ Micro-Challenges — complete small wins, get a progress card
🔥 Streak Tracker & Leaderboard — build habits, flex consistency
💌 Motivation Time Capsule — send a message to future-you
⚙️ Fully Customizable Settings — edit profile, theme, reminders, and more

🧩 Challenges I Faced

Building a full app without a traditional backend pushed me to get creative with state management and modular data syncing.
Fixing persistence bugs (streaks resetting, emails showing in navbar) took deep dives into localStorage, fallback handling, and nickname logic.
UI refinement was a huge lift — ensuring responsiveness across devices while maintaining a beautiful, emotional, and brand-consistent design.

But the hardest part? Designing for emotions. Making something that doesn’t just work — but makes people feel something.

💬 What I Learned

How to build for Gen-Z: simple, social, emotionally honest.
How to ship fast in public, document bugs transparently, and design with feedback in mind.
That the small touches — like a fire avatar, glowing time capsule cards, or a friendly nickname — matter more than we think.