DEV Community

Cover image for Dev.to Frontend Challenge: Take me to the Beach
Kevin Toshihiro Uehara
Kevin Toshihiro Uehara

Posted on

31 3 3 3 4

Dev.to Frontend Challenge: Take me to the Beach

Dev.to Frontend Challenge June

This project it will be used for the dev.to frontend challenge. I choose the second challenge: the beaches.

Just Access the Project: Hosted Project

Github Repository

Repository

Project Overview

How it works?

I'm using the Vanilla Javascript and the mock API to provide the images and the lat/long. And with the coordinates I'm using Leaflet to display the map location of the beach.

I'm not using NPM/Yarn/PNPM as dependency package manager. This project is a simple project using vanilla javascript and using all the functions to replace and manipulate the DOM, just using javascript.

All styles is a simple file of CSS.

For the fonts I'm using the Google Fonts.

Also, is responsive, with accessibility, performance and Best SEO!

How to run?

Just use the Live Server of VS Code extension. Click on HTML file with the right button of the mouse and click on Open Live Server. Access the http://localhost:5501/index.html.

This project is hosted on Vercel. Just access the https://devto-frontend-challenge-june.vercel.app/

Light House Metrics

Light House Metrics

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

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

Okay