Floqon

Floqon – What-if timelines powered by AI. Visualize alternate futures in seconds.

Comment

Inspiration

What started all of this was when my grandpa passed away. It made me realize I needed to make money and stop waiting to chase my goals. I got into Fiverr, and one day I was scrolling through reels and found Bolt.new that kind of vibe coding platform. That’s what led me to this idea. I’ve always had random “what if” thoughts in my head. What if this happened, what if that didn’t? As an overthinker, I wanted to build something that could take those thoughts and actually turn them into something you can see. Not just stuck in your head but visualized like a movie timeline.

What it does

Floqon lets you type in any “what if” question like what if I never moved schools and it creates a timeline showing how things might’ve played out. Instead of just a long paragraph from AI, it breaks it down into step-by-step events. You can explore the timeline, share it with others, or even browse ones made by other people. It’s like alternate realities + storytelling, but interactive and visual.

How I built it

I built Floqon using Bolt.new to set up the base project. I connected it to Supabase, which handles login (OAuth), the database for user timelines, and edge functions to run the AI generation. I also used Stripe to manage payment plans and user credits. For the AI part, I used OpenAI to generate events based on the prompt. I wrote a function to clean up the raw text, format it into timeline data, and compress it using LZString, so users can share their timelines easily. The frontend is built with React and Tailwind CSS, and it’s fully mobile responsive.

Challenges I ran into

One challenge was forgetting to add my environment variables when deploying, so Supabase didn’t connect at first. Another issue was that Bolt.new refreshes the project URL every few days, which meant I had to constantly update my Supabase redirect URLs. Other challenges were technical like parsing raw AI output and turning it into clean timeline nodes, getting Stripe to properly handle monthly renewals, and learning how to use pgcron in Supabase to run monthly events. I also had performance issues on the homepage because of animations, and some light/dark mode bugs where text would become unreadable. All of it took a lot of debugging, but I figured it out one by one.

Accomplishments that I'm proud of

I’m proud that Floqon actually works fully. It has login, database, payment system, AI generation, and responsive design. I also got the site indexed on Google and shared it with real users. Most of all, I’m proud that I learned all of this Supabase, Stripe, edge functions, API keys and made something I truly built myself. Doing all this before finishing high school is something I’m genuinely happy about.

What I learned

I learned how to build an actual product from scratch, not just a frontend. I figured out how to work with Supabase edge functions, trigger Stripe events, and process AI outputs cleanly. I also realized how important UX is. If people don’t understand what your app does in the first few seconds, they leave. So I had to really focus on the flow and layout to make the experience clear and fun.

What's next for Floqon

I'm currently pausing active development on Floqon to focus on other app ideas and startup projects. Still proud of how far it came, and I might return to it later with new features or improvements.

Built With

Share this project:

Updates