Fancy Shop — Frontend

A modern, responsive, and animated online shopping UI built with HTML5, Bootstrap, custom CSS, jQuery, Animate.css, Isotope, and Masonry.

🛍️ Live Demo

Check it out live:
🔗 https://fancy-shop-frontend.vercel.app/

📂 Repo

Hosted on GitHub:
https://github.com/RHS-Rabbi/fancy-shop-frontend

🎯 Overview

Fancy Shop is a stylish and clean online shopping frontend focused on user experience and responsive design. It includes smooth animations, dynamic product filtering, and a flexible grid layout to showcase products attractively on any device.

✨ Features

• Fully responsive layout (Bootstrap)
• Dynamic product filtering (Isotope)
• Masonry-style animated product grid
• Smooth hover and scroll animations (Animate.css)
• jQuery-powered interactions
• Clean and semantic HTML5 structure
• Easy to extend and customize

🧰 Technologies Used

• HTML5
• Custom CSS
• Bootstrap 5
• jQuery
• Animate.css
• Isotope
• Masonry
• Font Awesome (optional)

📁 Folder Structure

fancy-shop-frontend/
├─ index.html
├─ style.css
├─ assets/
│  └─ img/
├─ js/
│  └─ main.js
└─ README.md

🚀 Installation (Local Setup)

# Clone this repository
git clone https://github.com/RHS-Rabbi/fancy-shop-frontend.git

# Navigate into project
cd fancy-shop-frontend

# Open index.html directly in your browser

How to Customize

Update css/styles.css to change colors, fonts, spacing, etc.

Modify js/main.js to configure Isotope or animations.

Add/remove products through the HTML or integrate a JSON data file.

📌 Future Improvements

Add real shopping cart functionality (backend/API integration)

Live product search with debounce

Convert CSS into SCSS variables for easier theming

Add lazy loading of images for performance boost

📜 License

This project is licensed under the MIT License.

Developer: Mohammad Rabbi Hossain (RHS-Rabbi)
GitHub: https://github.com/RHS-Rabbi

Portfolio: https://mohammadrabbihossain.vercel.app/
 
mohammadrabbihossain.vercel.app

Email: rabbihossain187@gmail.com