DEV Community: OTJ-vie

A camp registration form

OTJ-vie — Thu, 28 Mar 2024 16:00:34 +0000

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

What I Built

A camp activity form

**I built a camp activity form that takes the info of the attendees.
I added validations to ensure the form fields are not empty and are populated with info necessary.

Upon submission, the info will be used in making decisions about the camp activities on what to do and prepare for.**

Demo

Journey

**While trying to come up with a good outlook, I thought of what color would represent a camp; then I got something woody (like wood color and vegetations, something green) and I wanted something not too flashy. - that formed my choice of colors. I further learnt about adding colors to a select input field.

I'm proud of the outlook of the design - it looks sharp and neat.

I hope to add more fields to the form and route the user to a next page upon submission.**

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

First dev challenge of a favorite snack

OTJ-vie — Thu, 28 Mar 2024 14:23:38 +0000

This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.

Inspiration

Pizza

Demo

Journey

It was a bit challenging positioning the pepperonis on the pizza bread. Just did a simple one slice of pizza.

MIT License

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

Brief Explanation on Document Object Model (DOM)

OTJ-vie — Thu, 28 Mar 2024 12:54:28 +0000

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

Document Object Model(DOM) is a webpage data represented in objects form; the structure and content contained in it. A webpage which could have been built with HTML or XML. It is easy to use Javascript in DOM to select object attributes contained in HTML.

Additional Context

These DOM documents are represented in nodes and objects which makes it easy for other programming languages to interact with.