https://github.com/ibrsec/image-gallery-react_vite

https://github.com/ibrsec/image-gallery-react_vite

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ibrsec/image-gallery-react_vite
• Owner: ibrsec
• Created: 2024-03-20T06:10:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-04T11:01:27.000Z (almost 2 years ago)
• Last Synced: 2025-02-26T07:44:19.314Z (over 1 year ago)
• Language: JavaScript
• Size: 9.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


 

 






  

    

  

 

  
Image Gallery React Project


  


    An awesome Image Gallery Project

    Explore the docs »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  📎 Table of Contents 📎 

  


    
About The Project

     

     
Overview

     
Quick Setup

     
Directory structure

     
Built With

    


    

  


---



## ℹ️ About The Project

[![image-gallery-react](./src/assets//project.png)](https://ibrsec.github.io/image-gallery-react/)

(back to top)


---



## 👀 Overview

📦 Used unsplash api for random images 

🎯 Api brings random photos every refresh of the page  

🌱 You can go to the images own unsplash pages by clicking on the them

(back to top)




## 🛫 Quick Setup

```sh

# clone the project

git clone https://github.com/ibrsec/image-gallery-react.git

# enter the project directory

cd image-gallery-react

# install dependency

npm install || yarn install

# develop

npm run dev || yarn start

```

(back to top)




## 📂 Directory structure 

```

image-gallery-react  (folder)

  

|          

|---public (folder)

|---src (folder)

|     |---assets (folder) 

|     |

|     |---scss (folder)

|     |     |---_content.scss

|     |     |---_header.scss

|     |     |---_reset.scss

|     |     |---_variable.scss

|     |     └---_main.scss

|     |

|     |---App.jsx

|     |---content.jsx

|     |---header.jsx

|     |---main.jsx

|     └---App.js

|     

|----index.html    

|----package.json

|----package-lock.json

|----readme.md

└----vite.config.js

```

(back to top)


---



### 🏗️ Built With

 

 

  

  

 

  

  

  

 

(back to top)