jQuery, Fancybox & Slick Slider | Random User Cards

[This repository has been created for the Insider&Testinium Tech Hub Developer Bootcamp assignment.]

🌐 View Live Page

This project was developed to fetch random user profiles using the Random User API, display these profiles as stylish cards, add animations to the cards, show detailed profile information in a Fancybox modal, and present additional user images in a scrollable gallery with Slick Slider.

Features

• Fetches random user data from the Random User API.
• Creates a profile card for each user (photo, name, email, country, phone).
• Cards include hover effects and fade/slide animations.
• Clicking a card opens a Fancybox modal to show detailed information.
• Displays random user avatars in a scrollable gallery with Slick Slider.
• Responsive design ensures a proper look on mobile devices.
• The “Load Users” button fetches new users on each click and applies a shake animation.

Technologies

• HTML5
• CSS3
• JavaScript (jQuery)
• Fancybox
• Slick Slider
• Random User API

Project File Structure

project-root/
├── index.html
├── /cdn links (jQuery, Fancybox, Slick)
├── /styles (inline CSS)
└── /scripts (inline JS)

Ruken ERPOLAT