💌 Message Sent

Inspiration

Admittedly, I hadn't created my own project in a LONG long time, and I was itching to make something. So, being the responsible student that I am, I went on a weekend cram to build this out instead of studying for midterms 💪✨

I got my inspiration from seeing a cute Valentine's Day website on Instagram reels. It was a simple page with "Will you be my Valentine?" and the options of "yes" or "no" (or something along those lines). I wanted to create something interactive in a similar way — something cute that you could send to your friends :^)

Things I Learnt

• This was my first time using Bun instead of npm! I had discovered Bun while at TreeHacks 2024, and ever since then I'd been wanting to try it out. Bun is, in fact, just as blazingly fast as they claim :D
• After not using Firestore in a very very long time, I decided to try it again. In previous attempts, I kept finding different sources online that gave varying instructions; none of them matched each other, nor the version I was using. But ever since the explosion of AI chat agents, it was super easy to troubleshoot any configuration errors I was getting!
• I take a LARGE amount of joy in seeing fun little animations. <3

Next Steps

At the time of writing this, I haven't hosted Message Sent online yet! As such, you can only run it on your local machine via these steps:

git clone https://github.com/roselynh100/message-sent
cd message-sent
bun install
bun run dev

I would also like to add more customization features, such as:

• Indicating the recepient and sender
• Background music that plays upon opening the letter
• Option to upload your own background image

Thanks for reading!