DEV Community

Cover image for Take me to the beach: Frontend
Gyemfa Abedi Gloria
Gyemfa Abedi Gloria

Posted on

4

Take me to the beach: Frontend

This is a submission for [Frontend Challenge v24.04.17]((https://dev.to/challenges/frontend-2024-05-29), Glam Up My Markup: Beaches

What I Built

Welcome to our curated list of the best beaches in the world. Hover over the gallery of beaches for detailed information about each beach and where they are located

Demo

Link to the website


A link to the code on Github

Journey

I began by understanding the challenge and generated ideas on how to go about the challenge.
Since it is obligatory to not manipulate the HTML structure, I used javascript to manipulate the DOM and CSS to add images and attain flip effect on hover of an image to achieve the desired outcome. Also, I leverage AI for assistive development.
All images are from google images.
I finally deployed site using vercel

This project was a valuable learning experience in creating dynamic, interactive web content using JavaScript and CSS. I'm particularly proud of the adaptive approach and the smooth animations achieved. Moving forward, I hope to enhance the solution further by optimizing performance, ensuring improved accessibility, and expanding functionality

Feel free to comment, all reviews are welcome

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (1)

Collapse
 
jess profile image
Jess Lee

🙌

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