Back to projects
Vanilla JavaScript
Interactive Travel Cards
A responsive travel cards project built with HTML, CSS, and vanilla JavaScript. The cards are generated dynamically from an array of objects using DOM manipulation. The project uses createElement, textContent, setAttribute, appendChild, DocumentFragment for efficient rendering, lazy-loaded images, fallback images, dynamically attached button events, CSS Grid layout, hover effects, and responsive media queries.
HTML5CSS3JavaScriptDOM ManipulationDocumentFragmentLazy LoadingFallback ImagesCSS GridResponsive Design
