I made a cool-looking website which can be personalized and given to people whom I'm grateful for. It displays a thank-you letter which I wrote for them, along with my voice recording and any links they can use to stay in touch with me. I made this website to thank my teachers from high school.
It is a static HTML/CSS/JS website that shows paper-textured pages that stack when scrolled, on top of a wooden surface. It works on both mobile and desktop through CSS styling. The paragraphs are put onto pages based on whether they fit when appended to the page through JS. The letters' contents are stored on Firebase, and the audio files are stored on Cloudinary.
This project was coded with the help of Cursor AI IDE. I did run into lots of issues with Cursor, but I was able to point it in the right direction since I know HTML/CSS/JS.
No followers yet
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
I was able to make the gratitude letter system fully function on PCs, Android, and iOS devices. In the future, I want to fix the background scrolling image on iPhone, and see how I could get the words from each paragraph appended instead of entire paragraphs being appended to the pages.