DEV Community

Cover image for Landing Page Animation: Front End Challenge
Utsav Tayde
Utsav Tayde

Posted on

Landing Page Animation: Front End Challenge

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

In this challenge, I have particularly focused on animation part. Strictly followed the rule of not editing the given html template. This project aims to make the given html template a bit attractive using css and javascript (dom manipulation).

Demo

Landing Page Screenshot
Attached above is a screenshot showing how the main landing page looks like. Yet, if you want to see the animation, you must visit the page. I have hosted the project on github. You can check out the repository and also the hosted page on github-pages.

Journey

This is the first time I have participated in such contest. I've been into the web-development since last 2-3 years. But, never really deep dived into css animations. I found out about this challenge a bit late. So, I spent around 2 days to build this from the scratch. It was really fun revising all the css animation, transition properties and dom manipulation using javascript.

I think the most important thing I learned because of this challenge is adding license to the code. This project is licensed under the GNU General Public License v3.0. Looking forward to more such contests.

Top comments (0)