myyearinreview
Reflect on your journey of the year in minutes
Created on 13th January 2022
•
myyearinreview
Reflect on your journey of the year in minutes
The problem myyearinreview solves
Every year I write my year-end reflection. Reflecting on the year is to look back and note down the highs and lows, the things I liked, moments I experienced, and the lessons I learned. And I felt really good after reviewing my year. So this time I thought why not create something that will make this process break into small and simple steps.
Challenges I ran into
I curated a few good questions from multiple resources to reflect on the year. But If I kept all those questions on a single page, it would have looked like a tedious task to fill it and one might even just leave it. So to make things interesting I decided to make it a multi-step form. I broke those questions into small steps.
First I tried a few npm packages to do it, but couldn't style it accordingly, so I ended up building it on my own.
To make the URL preview more personalized and clickable I leveraged the power of Meta tags. Next.js provides a built-in component Head for the meta tags. Now using Cloudinary API, I made the open graph images for every review page dynamic and appended them in the Meta tags.
Technologies used