DEV Community

Cover image for World-Environment-Action-Day
HARISH K
HARISH K Subscriber

Posted on

World-Environment-Action-Day

This is a submission for Frontend Challenge - June Celebrations, Perfect Landing: June Celebrations

What I Built

I created a landing page to highlight World Environment Day. This page includes features like tips for sustainable living, virtual event registrations, and an interactive carbon footprint calculator.

Demo

Experience the live application: Click Here

Journey

  • Ensuring accessibility with semantic HTML and ARIA roles.
  • Creating engaging animations using Framer Motion.
  • Designing an interactive and mobile-friendly user experience.
  • Using grid layouts to manage content responsively.
  • Integrating tools like Framer Motion for micro-interactions.
  • Optimizing for performance and accessibility.

Next Steps
I plan to expand this project by adding a community forum for users to share their sustainable practices and success stories.

Copyright (c) 2025 HARISH K

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THANKYOU DEVPOST++

Top comments (1)

Collapse
 
aquascript-team profile image
AquaScript Team

Really Cool ⭐