DEV Community

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

Posted on

1

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.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay