DEV Community

Mohamed Idris
Mohamed Idris

Posted on

I Built a Web App to Burn Bad Memories and Grow From Them

We all carry memories that weigh us down. Things we said, things we didn't say, moments we wish went differently.

I built a small web app called Grow & Let Go — a quiet space to write down a painful memory, find the lesson in it, and let it go.

You write it. You watch it burn. You see your lesson grow.

What happens when you submit

The burning isn't just a simple fade-out. There's a canvas-based fire particle system with embers rising, smoke drifting, and ash scattering. The card chars and crumbles as it burns.

And when the fire clears, a plant sprouts from the ground — the stem draws upward, leaves unfurl, a flower blooms. Fireflies appear. The whole mood shifts from warmth to calm.

How I built it

  • HTML, CSS, vanilla JS — no frameworks
  • anime.js for orchestrating animation timelines
  • Canvas API for the fire particle system with additive blending
  • SVG stroke animation for the plant growth (stroke-dashoffset drawing the stem upward)
  • CSS mix-blend-mode and blur for smoke effects
  • Ambient floating particles and fireflies for atmosphere

The whole thing runs in the browser. No backend, no accounts, no data stored anywhere.

Try it

🌱 Live App
💻 Source Code


And if that memory was a mistake toward someone still in your life, and you never apologized... here's another app for that:

💌 I Forgot to Say Sorry

Top comments (0)