Interactive One-Page Website with Image Gallery and Scroll Features

This web application is a dynamic, responsive, single-page website featuring a modern image gallery with modal functionality, smooth scrolling, and a "Scroll to Top" button for enhanced user experience. Designed with a mobile-first approach, the site adapts seamlessly to various screen sizes, including a collapsible burger menu for smaller devices. It's a visually engaging and user-friendly platform suitable for showcasing portfolios, products, or services.

Technology Stack

Frontend:

HTML5: Semantic and accessible structure for web content.

CSS3:

Responsive layout using flexbox and media queries.

Custom styling for buttons, modals, and animations.

TailwindCSS for faster and streamlined styling.

JavaScript (Vanilla):

Gallery modal functionality.

Smooth scrolling and "Scroll to Top" button interaction.

Event-driven UI updates and dynamic content rendering.

Backend:

Json file.

Other Tools:

Lightweight Libraries (if applicable): For enhanced features (e.g., data sanitization or image optimization).

Responsive Design: Ensures compatibility across devices (desktop, tablet, and mobile).