https://github.com/undeadme/gallery-media

A Beautiful And Nice theme React Gallery Template 🔥🎨🎉
https://github.com/undeadme/gallery-media

gallery react template theme

Last synced: 8 months ago
JSON representation

A Beautiful And Nice theme React Gallery Template 🔥🎨🎉

• Host: GitHub
• URL: https://github.com/undeadme/gallery-media
• Owner: UndeadMe
• License: mit
• Created: 2022-04-09T18:51:32.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2022-10-25T15:49:28.000Z (over 3 years ago)
• Last Synced: 2025-03-26T18:21:20.381Z (over 1 year ago)
• Topics: gallery, react, template, theme
• Language: JavaScript
• Homepage: https://chimerical-cendol-b65002.netlify.app/
• Size: 18.5 MB
• Stars: 40
• Watchers: 1
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
- You can check out this project on [React Example Website](https://reactjsexample.com/a-beautiful-and-nice-theme-react-gallery-template/)

# Gallery Template Using React ✨🎊

I'm currently learning and working ReactJs and this is my first React project.as you know It's a Gallery Template with a nice and beautiful design. You can clone it and use it as your project or connect a api to it 🤔🔥 if it has any problem or bug please tell me in Issues to fix that problem 😴🤝

# Preview

I deploy this Gallery on [Netlify](https://chimerical-cendol-b65002.netlify.app/) so you can see online this Gallery on the [Netlify](https://chimerical-cendol-b65002.netlify.app/) or see the below preview 😉🖼

![Gallery Desktop](https://user-images.githubusercontent.com/89915857/164554768-0c553069-068e-4b3b-b6be-3c383a76d0cf.png)

# 📍 Installation steps ⚙

    clon this repo with this command: git clone https://github.com/Banana021s/Gallery-Template.git

    go to the directory and enter: npm i

    when all packages are completely installed enter: npm start

# Mansonry Layout

I use [react-masonry-css](https://github.com/paulcollett/react-masonry-css) for the Masonry Layout But if you don't like use this react package you can check [how can you implement the masonry layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout) with pure css

# sort images ⛓

![Screenshot 2022-04-22 020909](https://user-images.githubusercontent.com/89915857/164556569-59c8aaeb-4b06-426b-a81b-56a331ed374f.png)

there is a dropdown that you can use it for sort the images 😉💣




Let's see all the features 🧐🎈

# Features   

- nice dark theme and design 🔥🎨✨

- sort the images 🧮

- responsive 📲

- masonry layout ⛓🖼