https://github.com/shepe1304/random-photo-grid-app
This application generates a random photo grid whenever the screen is clicked! It takes about 1 to 2 seconds to generate, and the grids variate widely. Have fun!
https://github.com/shepe1304/random-photo-grid-app
asymmetry react reactjs
Last synced: 5 months ago
JSON representation
This application generates a random photo grid whenever the screen is clicked! It takes about 1 to 2 seconds to generate, and the grids variate widely. Have fun!
- Host: GitHub
- URL: https://github.com/shepe1304/random-photo-grid-app
- Owner: Shepe1304
- Created: 2023-07-18T03:01:05.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-03T01:37:03.000Z (5 months ago)
- Last Synced: 2025-05-03T02:51:25.887Z (5 months ago)
- Topics: asymmetry, react, reactjs
- Language: JavaScript
- Homepage: https://spontaneous-grid-generator.netlify.app
- Size: 31.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📸 Random Photo Grid App
A dynamic web application that generates a unique photo grid every time you click the screen. Experience a fresh, randomized layout with every interaction!
🔗 [Live Demo](https://spontaneous-grid-generator.netlify.app/)
---
## 🧩 Features
- Generates a new photo grid on each screen click
- Uses high-quality images sourced from [Unsplash](https://unsplash.com/)
- Fully responsive and mobile-friendly design
- Fast generation time (~1–2 seconds)
---
## 🚀 Getting Started
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (v14 or higher)
- [npm](https://www.npmjs.com/) (v6 or higher)
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/Shepe1304/Random-Photo-Grid-App.git
```
2. **Navigate to the project directory**
```bash
cd Random-Photo-Grid-App
```
3. **Install dependencies**
```bash
npm install
```
4. Start the development server
```bash
npm start
```
---
The app will be available at http://localhost:3000.
## 🖼️ Usage
Click anywhere on the screen to regenerate the image grid. Each interaction creates a brand-new, randomized photo layout using images from Unsplash.
---
## 🛠️ Built With
- [React](https://reactjs.org/) – A JavaScript library for building modern user interfaces
- [Unsplash API](https://unsplash.com/developers) – Source of free, high-resolution images
---
## 📅 Project Info
- **Completion Date:** July 18, 2023
- **Author:** [Shepe1304](https://github.com/Shepe1304)