Part of the '50 projects in 50 days' collection, this landing page has two sides and an image on each side, where hovering over the image zooms into it.
Concepts:
Front-End Development, HTML, CSS, JavaScript, DOM Manipulation, UI Component Design, CSS Transformations, CSS Transitions, User-Input, Web Layout
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, Implements a split-page design with hover-activated animations, Utilizes CSS transforms and transitions for visual effects
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 practical experience in using CSS and JS to create smooth and visually appealing transitions.