Saturday, 14 May, 2022 UTC


Summary

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 so you can see online this Gallery on the Netlify or see the below preview ๐Ÿ˜‰๐Ÿ–ผ
๐Ÿ“ Instalation 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 for the Masonry Layout But if you donโ€™t like use this react package you can check how you can implemente the masonry layout with pure css
sort images โ›“
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 โ›“๐Ÿ–ผ
GitHub
View Github