A 24-day JS challenge created by Amy Dutton. I'm not taking the challenge, or the prompts too
seriously — just having some fun, doing select few, and modifying the prompts how I see fit ✌️
Using Svelte 5.
Create a password input field. Clicking on the eyeball will toggle the password visibility on and off. I did not bother with the svg animation and just played with the background elements.
Custom combobox / dropdown 🎄🎄🎄 with a search field. Got a bit messy and used AI for some things, but it works.
Resizable text area
Resizable splitpanels
Character counter. By far the easiest so far — just binding text with the input and using derived to show text.length.
An input with a copy to clipboard button and a tooltip.
Slugify text from the input to a url slug.
By default, the input looks like a normal text input. When the user enters some text and then types a comma, the text turns into a tag. The user can enter as many tags as they’d like. If there isn’t any text in the input and the user hits the delete key, then it will delete the last tag in the list.
Before the user submits the form, they should be able to refresh the page or visit another page, come back, and see all their form data.
Once the user submits the form, the form data should clear
Used the Kanye Rest API here instead.
A simple responsive full-width Youtube embed component that respects the aspect ratio.