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
Interactive Travel Cards details