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)
Top comments (2)
I'm a complete newbie. Your my first preview of challenges on projects. I was encouraged to interact especially because I enjoy animals. Your design was bright and full of image and color. Your web communication was understandable and eye catching. I did not want to leave. Thanks
Thank you so much for your kind words, Miriam! I’m really glad you liked it 😊