https://github.com/darshanas17/gallery-react-app
This is a simple Gallery React App built using React.js. The application allows users to view a collection of images in a clean and responsive UI. It provides features such as image previews, filtering, and smooth animations for a better user experience.
https://github.com/darshanas17/gallery-react-app
gallery-app javascript react react-app reactjs state-management
Last synced: 7 months ago
JSON representation
This is a simple Gallery React App built using React.js. The application allows users to view a collection of images in a clean and responsive UI. It provides features such as image previews, filtering, and smooth animations for a better user experience.
- Host: GitHub
- URL: https://github.com/darshanas17/gallery-react-app
- Owner: Darshanas17
- Created: 2025-03-18T14:13:52.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-18T14:23:43.000Z (7 months ago)
- Last Synced: 2025-03-18T15:37:26.688Z (7 months ago)
- Topics: gallery-app, javascript, react, react-app, reactjs, state-management
- Language: JavaScript
- Homepage: https://galleryappd17.ccbp.tech/
- Size: 175 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📷 Gallery React App
🔗 **Live Demo:** [Gallery App](https://galleryappd17.ccbp.tech/)
A simple **Gallery App** built using **React.js**. This app provides a clean and user-friendly interface to display images with smooth transitions and filtering options.
## 🚀 Features
- 📸 Displays a collection of images in a gallery layout
- 🎨 Fully responsive design
- 🔍 Image filtering or categorization (if implemented)
- ⚡ Fast and smooth UI powered by React Hooks
## 🛠️ Technologies Used
- **React.js** - Frontend framework
- **JavaScript (ES6+)** - Core scripting
- **CSS** - Styling and responsiveness
## 📂 Project Setup
### Prerequisites
Ensure you have the following installed:
- **Node.js** (Download from [nodejs.org](https://nodejs.org/))
- **npm** (comes with Node.js) or **yarn** (optional)
### Installation
1. Clone the repository:
```sh
git clone https://github.com/Darshanas17/gallery-react-app.git
```
2. Navigate to the project directory:
```sh
cd gallery-react-app
```
3. Install dependencies:
```sh
npm install # or yarn install
```
4. Start the development server:
```sh
npm start # or yarn start
```
5. Open your browser and visit **`http://localhost:3000/`** to view the app.