One beach to rule them all

rcmonteiro

Ricardo Monteiro

Posted on June 8, 2024

One beach to rule them all

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

I created a simple responsive design using only CSS and pure JavaScript. And let me tell you... it was fun! It's so easy to use React and Tailwind, but working directly with the DOM was a refreshing and imperative experience, quite literally!

My goal was to develop a nice responsive design for browsing through beaches, adding more flair with an image for each beach on its details page.

Demo

You can test the project on my GitHub Pages:

https://rcmonteiro.github.io/dev.challenges/24.06.beaches/

Or check out the code in my repository:

https://github.com/rcmonteiro/dev.challenges/tree/main/24.06.beaches

Journey

The hardest part, as always, was choosing the colors and designing the layout. I love to code, but when it comes to design, it's a challenge. I really enjoyed sending direct commands to the DOM, just like in the '90s.

I challenged myself not to use any external libraries, and after overcoming many (a lot) of obstacles, I believe I built something truly nice.

I hope you enjoy it as well!

Feel free to make any changes or play around with it; this project is under the MIT license, so you can do whatever you want! =)

πŸ’– πŸ’ͺ πŸ™… 🚩
rcmonteiro
Ricardo Monteiro

Posted on June 8, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Glam up my markup: Space
devchallenge Glam up my markup: Space

September 15, 2024

Glam Up My Markup: Solar System
devchallenge Glam Up My Markup: Solar System

September 14, 2024

[Frontend Challenge] Space Markup πŸš€
devchallenge [Frontend Challenge] Space Markup πŸš€

September 13, 2024

Alien Signals β€” 2-in-1 Challenge
devchallenge Alien Signals β€” 2-in-1 Challenge

September 12, 2024

Solar System Challenge
devchallenge Solar System Challenge

September 16, 2024