Jharoka - Image Gallery

📋 Overview

Jharoka (झरोखा) is a modern, responsive image gallery application built with React and Vite. It features a beautiful masonry layout for displaying images with smooth animations and transitions.

✨ Features

• 🧩 Responsive masonry grid layout
• 🔄 Infinite scrolling with pagination
• 🔍 Adjustable images per page
• 📱 Mobile-friendly design
• 🌓 Beautiful UI with smooth animations
• ⬇️ Direct image download functionality
• 🔄 Loading states with skeleton placeholders

🚀 Live Demo

Check out the live demo: Jharoka Image Gallery

📸 Screenshots

Desktop View

Alternative View

Mobile View

Mobile View	Mobile Navigation

Loading State

🛠️ Technologies Used

• ⚛️ React 18
• 🔧 Vite
• 🎨 TailwindCSS
• 📦 React Masonry CSS
• 🔍 React Icons
• 🧹 ESLint

🚀 Getting Started

Prerequisites

• Node.js (v14.18+ or 16+)
• npm or yarn

Installation

1. Clone the repository

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

2. Install dependencies

npm install
# or
yarn

3. Start the development server

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:5173

📦 Building for Production

npm run build
# or
yarn build

🧪 Preview Production Build

npm run preview
# or
yarn preview

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

• Roshan Suthar

---

Made with ❤️ using React and Vite