Part of the '50 projects in 50 days' collection, this webpage features multiple image cards that expand when hovered over or clicked on, displaying additional information.
Concepts:
Front-end Development, HTML, CSS, JavaScript, DOM Manipulation, UI Component Design, CSS Transitions, User-Input, DOM Manipulation
Features:
A large collection of small, standalone front-end web projects, Each project focuses on a different aspect of front-end development, like DOM manipulation, animations, event handling, form validation, Covers basic to complex web UI/UX techniques, Dynamically changes HTML elements with JavaScript on user hover and click events, Uses CSS for visual design and animation
Key Learnings:
Solidified foundational front-end development skills by building 50 interactive web widgets, demonstrating mastery of HTML, CSS and JavaScript for user interfaces. This project provided experience in using CSS transitions and JavaScript to create interactive visual elements for user input.
