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
This is my first time doing challenge, so in this challenge i built a list of card for the beaches in the template that provided. I try not editing the HTML and make it pure CSS and JavaScript. I would challenge myself to do it with basic, without frameworks and libraries. I want to learn the basic and re-memorized the fundamental of CSS and also JavaScript DOM.
Demo
You guys can see the code in here : Repo
Visit the live preview in here
Journey
In this challenge, I’m editing the HTML using JavaScript DOM to insert element and adding styles into it. Since the template doesn’t included with phots. I challenge myself to make the visual design using SVG path. It’s really challenging, but I learn a lot from this.
I re-learn about the fundamental of Javascript, CSS Flexbox, and using path in SVG to draw. It’s worth the time, maybe I would make this website as my experiment for SVG path and animation, since I found out it’s really fun to do.
I’m looking forward for the next challenges.
Discover more from Coursity
Subscribe to get the latest posts sent to your email.