Ethern Myth

Posted on Mar 20, 2024

My Markup Activity

#frontendchallenge #devchallenge #css #javascript

This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities

What I Built

I build a simple web application using the given starter html code. User must select the activity and if not, an red border will show on the select activity dropdown and won't be able to submit the form. I used JavaScript to do the validation and localStorage to store the form data for later use on the thank you form. Included css styling to enhance the UI. The thank you form will show the user's selection and have a link to return home.

Demo

Visit the live web application here and View code here

Journey

Process off creating and having a final project was fun. Added a simple validation and redirect to enhance the use of the web application. It was a good time to do the foundation of classic JavaScript, HTML and CSS.

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Top comments (0)

Building a Custom Scheduler Using React and Supabase

Suraj Vishwakarma - Dec 17 '24

Top 10 Books on Design System that i Read last year

Pratik sharma - Dec 14 '24

Glam Up My Markup: Winter Solstice

Wantu - Dec 15 '24

State of JS 2024

Nik Dyankov - Dec 18 '24

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

DEV Community