A simple wish list that I made to learn HTML, CSS, Javascript.
My first day was pretty easy. Just use HTML and CSS. This was my first design.
With a little more CSS I added a background that I created in Photoshop. And I gave it a blur.
I added functionality with Javascript. Implement a form to add items to the list.
An added icon to remove item.
Button to delete all elements at once. Obviously with a simple animation to give the user a better experience.
A simple text to tell you to add an element.
A total change in the design created in FIGMA.
We can see here the animations that are activated when entering the page. New colors, new typography, new assets.
The element is created with the delete button, wich i will remove soon.
When you want to enter an empty element, an animation will be activated indicating that the field is empty.
When you want to enter an repeated element, an animation will be activated indicating that the element is already in the list.
One complicated day, I modularized all the code. All this to practice the "Imports and Exports" of Javascript. I Improved the feel of the buttons by giving them animations, just like Santas.
And here the important thing of the day, which was to add the number of gifts.
