This is a submission for Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations
What I Built
For this challenge, I built a landing page to celebrate Father’s Day — a tribute to every dad out there who's made an impact in our lives.
The page combines an engaging timeline of Father’s Day history, a curated gift guide based on different dad types, and a memory-sharing gallery where users can honor their dads with photos and stories. I wanted to make it warm, interactive, and meaningful.
Demo
Live Site: https://junefathersday.netlify.app/
Source Code:https://github.com/tbot53/Father-s-day/blob/main/public/index.html
Journey
This project was both fun and challenging and I learned a lot from it!
I deepened my JavaScript skills by handling form submissions, gallery updates, and adding interactive elements. I got more comfortable using Tailwind CSS, especially in building a responsive, aesthetic layout faster and more efficiently.
I worked with Netlify for hosting and learned more about things like deploying forms, using Netlify Forms with file uploads, and optimizing meta tags for search engines.
One of the things I’m most proud of is the memory submission gallery, which allowed real user input and gave the site a personal touch.
This was a solo project and part of a journey where I’m gradually leveling up as a frontend developer. I'm now diving into React and excited to bring even more interactivity and component-based structure to future projects. I'm still early in my journey as a frontend developer and constantly learning. I truly welcome any constructive feedback or suggestions. If you know of any beginner-friendly projects I can contribute to or learn from, I'd love to be involved!
Thanks for checking it out, happy coding, and happy Father’s Day!
Top comments (3)
pretty cool effort, honestly i always find it tough to keep up momentum when learning something new - you think the key is building for actual people or just sticking to a schedule?
I just use both depending on what and why I am learning
nice