Ripple

Ripple is a journaling micro-product where you write a journal entry → Ripple sends back a reflection from your future self.

Journaling

Web App

Live

Created by

Poorva Joshi

Product Designer at Flywl

Tools Used

Creator NOTES

Wrote the spec using Perplexity and ChatGPT. The, mapped out core user journeys in Whimsical to simplify journaling → reflection flow. Now for Design: Built visuals in Figma, Use Pinterest/Mobbin as a reference, upload to Lovable to generate a matching UI. Then moved to Lovable handoff: Exported assets, fonts, styles. For Motion: Used prompts from 21st.dev and Framer Motion for micro-interactions. For Auth: Integrated Supabase Auth through Lovable for a quick login/signup experience. Finally, AI Integration: Connected Gemini via Supabase and Lovable. Lovable generated edge functions to call the API automatically.

Ripple

Ripple is a journaling micro-product where you write a journal entry → Ripple sends back a reflection from your future self.

Journaling

Web App

Live

Created by

Poorva Joshi

Product Designer at Flywl

Tools Used

Creator NOTES

Wrote the spec using Perplexity and ChatGPT. The, mapped out core user journeys in Whimsical to simplify journaling → reflection flow. Now for Design: Built visuals in Figma, Use Pinterest/Mobbin as a reference, upload to Lovable to generate a matching UI. Then moved to Lovable handoff: Exported assets, fonts, styles. For Motion: Used prompts from 21st.dev and Framer Motion for micro-interactions. For Auth: Integrated Supabase Auth through Lovable for a quick login/signup experience. Finally, AI Integration: Connected Gemini via Supabase and Lovable. Lovable generated edge functions to call the API automatically.

Created by

Poorva Joshi

Product Designer at Flywl

Tools Used

Creator NOTES

Wrote the spec using Perplexity and ChatGPT. The, mapped out core user journeys in Whimsical to simplify journaling → reflection flow. Now for Design: Built visuals in Figma, Use Pinterest/Mobbin as a reference, upload to Lovable to generate a matching UI. Then moved to Lovable handoff: Exported assets, fonts, styles. For Motion: Used prompts from 21st.dev and Framer Motion for micro-interactions. For Auth: Integrated Supabase Auth through Lovable for a quick login/signup experience. Finally, AI Integration: Connected Gemini via Supabase and Lovable. Lovable generated edge functions to call the API automatically.

Ripple

Ripple is a journaling micro-product where you write a journal entry → Ripple sends back a reflection from your future self.

Journaling

Web App

Live