Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/image-gallery
My first react project
https://github.com/furkan-dogu/image-gallery
image-gallery javascript react yarn
Last synced: about 6 hours ago
JSON representation
My first react project
- Host: GitHub
- URL: https://github.com/furkan-dogu/image-gallery
- Owner: furkan-dogu
- Created: 2023-11-29T12:55:55.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2023-11-30T21:03:29.000Z (12 months ago)
- Last Synced: 2023-12-01T08:43:39.348Z (12 months ago)
- Topics: image-gallery, javascript, react, yarn
- Language: JavaScript
- Homepage: https://image-gallery-omega-inky.vercel.app
- Size: 36.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Image Gallery
This project is a simple gallery application built with React, where users can upload and view images.
## Live Project Link
You can access the live version of the project [here](https://image-gallery-omega-inky.vercel.app/).
## Project Skeleton
```
Image Gallery Project(folder)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── Picture.jsx
│ ├── pages
│ │ ├── Homepage.jsx
│ ├── helper
│ │ └── data.js
│ ├── styles
│ │ ├── style.css
│ ├── App.js
│ ├── index.js
└── package.json
```
## Features
- Image uploading
- Image viewing
## Getting Started
Follow the steps below to run the React Image Gallery on your local machine.
1. Clone the project:
```bash
git clone https://github.com/furkan-dogu/image-gallery.git
```
2. Navigate to the project directory:
```bash
cd image-gallery
```
3. Install the required dependencies:
```bash
yarn install
```
4. Start the React application:
```bash
yarn start
```
The React Image Gallery will run at [http://localhost:3000](http://localhost:3000).
## Usage
Once the application is running, open your browser and go to [http://localhost:3000](http://localhost:3000). You can upload and view images through the user interface.