This content originally appeared on DEV Community and was authored by Katerina Proshkina
This is a submission for Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations
Demo
What I Built
Hi everyone!
For my entry, I chose International Hug Your Cat Day — because, well, it's about cats? Does anyone even need further explanation? 😅
I wanted this landing page to feel cute, warm, and cuddly, so I went with soft pastel colors and hand-drawn-style illustrations. I also added a bit of interactivity: a silly little quiz and a cute digital cat you can pet — just give it a click or tap, and it’ll purr back at you!
Those two features were the most fun (and at some point, the most annoying) parts to build, and I’m pretty proud of how they turned out.
I also included some info about cat body language, ideas on how to celebrate, and links to a few global shelters I encourage you to check out!
Tech stack:
I used React as my js library and Tailwind as my css framework, nothing too fancy
Credits:
All illustrations were generated by Chatgpt. She also helped me with texts, because English is still my second language.
The adorable doodle icons are by Khushmeen Sidhu, and the purring sound is by Jeff Kaale from Upbeat (or more probably their cat?).
I hope you enjoy the project — or at least have a bit of fun :)
If you have suggestions for improvement or spot any bugs, please let me know in the comments!
Thank you so much for reading, and have a great summer! 🐾
(just in case you missed it - here’s the demo again)
This content originally appeared on DEV Community and was authored by Katerina Proshkina
Katerina Proshkina | Sciencx (2025-06-29T11:38:40+00:00) Perfect Landing: Hug Your Cat Day. Retrieved from https://www.scien.cx/2025/06/29/perfect-landing-hug-your-cat-day/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.