Prism

Inspiration

When working on many goals at once, we constantly felt overwhelmed. We wanted a way to drop ideas, tasks, and inspirations into one place and watch them transform into a clear roadmap. That’s how Prism was born.

What it does

Prism is a platform that turns vision boards into actionable roadmaps. Paste any link (article, resource, video). Prism extracts the content and saves it to your personal board. Your items can then be expanded into steps and objectives, creating a path you can follow to make your dream achievable.

How we built it

Frontend: Svelte + Vite for a fast and simple UI.

Backend: Supabase Edge Functions (TypeScript) + Postgres database.

Content Extraction: Google Cloud Run service (Node/TypeScript) for fetching and parsing resources.

Integration: Supabase policies and APIs connect the backend with the Svelte frontend.

Challenges we ran into

Getting Supabase row-level security (RLS) policies right while still supporting demo users.

Deploying the backend functions and connecting them with the frontend under tight hackathon deadlines.

Debugging JSON parsing when the extractor service didn’t always return clean responses.

Accomplishments that we're proud of

We built an end-to-end app that connects Svelte, Supabase, and Cloud Run successfully.

Our Prismify feature works: paste a link → save it to Supabase → instantly view it in the UI.

Learned how to manage secrets and deployments across Supabase and Google Cloud.

What we learned

How to deploy and test Supabase Edge Functions.

How to integrate frontend + backend quickly while keeping secrets safe.

The importance of small MVP steps and quick iteration for hackathons.

What's next for Prism

Expand Prism to generate automatic learning roadmaps using AI (e.g., Gemini).

Add user authentication so each person can save their own private roadmap.

Enhance visualization with a dynamic roadmap/graph view instead of a list.

Built With

• gemini-api
• google-cloud
• supabase
• svelte
• typescript
• vite