🖼️ Image Gallery Project

A modern image gallery web application built with React and Vite, designed to provide seamless image uploading and display functionality.

---

✨ Features

• 🖼️ Dynamic Image Gallery: Upload and display images in an organized layout.
• 📱 Responsive Design: Optimized for mobile and desktop devices.
• 🔒 Image Validation: Only supports image files (e.g., .png, .jpg, .jpeg, .gif).
• 🎨 Modern UI: Styled with Material-UI and Custom Css.

---

💻 Technologies Used

Frontend

• ⚛️ React (^18.3.1)
• 🎨 Material-UI (^6.3.0)
• 🖌️ Emotion for styling

Backend

• 🟢 Node.js
• 📤 Multer for handling file uploads
• 🌐 Express.js

Development Tools

• 🚀 Vite (^6.0.5) for blazing-fast builds
• 🛠️ ESLint for code linting

📂 Project Structure

image-gallery-project/
├── public/          # Static files
│   └── images/      # Uploaded images
├── src/             # Source code
│   ├── components/  # React components
│   ├── styles/      # CSS/Emotion styles
│   └── App.jsx      # Main application file
├── server/          # Backend server (if applicable)
│   └── upload.js    # Multer setup for file uploads
├── vite.config.js   # Vite configuration
└── package.json     # Project metadata and dependencies

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/yourusername/image-gallery-project.git
cd image-gallery-project