Learning Paths Showcase

Loading...

Learn Vibe Coding by building real projects. From beginner to expert, one challenge at a time.

Platform

Challenges
Learning Paths
Showcase

Community

GitHub
Projects

Legal

Privacy
Terms

© 2026 AI In Action. All rights reserved.

ChallengesImage Gallery

#009BeginnerWeb

3-5 hours

Image Gallery

Create a masonry-grid image gallery with lightbox viewing, lazy loading, infinite scroll, category filtering, and smooth animations. Support image zoom and keyboard navigation.

gallerymasonrylightboxlazy-loading

Objectives

Build a responsive masonry grid layout
Implement lightbox with zoom and navigation
Add lazy loading with blur-up placeholders
Support infinite scroll pagination
Add category/tag filtering

Hints

CSS columns or a masonry library for the grid
IntersectionObserver for lazy loading
Use Unsplash API for sample images

Resources

unsplash.com/developers