# ⚙️ Electronics & Robotics Components Store

A fully responsive product showcase website for ordering Arduino boards, sensors, jumper wires, and more – tailored for developers, makers, and STEM students.

## 🚀 About the Project

This project is a static e-commerce frontend that allows users to:
- Explore various electronics products.
- Filter by categories (e.g., Arduino, Sensors, Accessories).
- Select quantities and place orders via WhatsApp.
- View a responsive portfolio-style layout with image previews and prices.

## 📦 Features

- 🧩 Filterable product grid (Isotope layout).
- 📱 Responsive design (Bootstrap).
- 💬 WhatsApp order integration.
- 🔢 Quantity input for each product.
- 🌐 Arabic + English support ready.

## 🛠️ Built With

- HTML5  
- CSS3  
- Bootstrap 5  
- JavaScript  
- [Glightbox](https://biati-digital.github.io/glightbox/) (for image preview)  
- [Isotope](https://isotope.metafizzy.co/) (for filterable layout)

## 📷 Preview

![image](https://github.com/user-attachments/assets/ee17b0cf-1c11-491d-a56e-85a862d91d16)


## 📁 Folder Structure

├── index.html
├── assets
│ ├── css/
│ ├── js/
│ └── img/
│ └── product/
└── README.md


## 📲 How to Order

Users can:
1. Choose a product.
2. Select quantity.
3. Click "Add to Cart" to generate WhatsApp message.
4. Complete the order with cash on delivery.

## ✅ To Do

- Add shopping cart summary view.
- Backend integration (optional).
- Add user order confirmation feedback.