shir0206 / ArtGallery

Website to showcase my art, using React.js :art:

Home Page:https://shir0206.github.io/ArtGallery/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🎨 Art Gallery

Website to showcase my art, including dynamic search of keywords and tags.

Doveloped via the technologies: React.js (Hooks), HTML, CSS, Firebase & other API's.

πŸ”— Link: https://shir0206.github.io/ArtGallery/

πŸ“¦ CodeSandBox: https://codesandbox.io/s/github/shir0206/ArtGallery

ArtGallery


πŸ‘©πŸ»β€πŸ’» Personal note:

  • This project is the first project I have ever done in React.js.
  • I worked on it for a month, while learning the most basic topics from the documentation.
  • I tried to build the site while maintaining a responsive design in different sizes of screens.
  • The most challenging concept was to represent the image cards responsibly so that the amount of columns would be updated according to the screen width, I did this using column-count in css, as you can see right here.
  • Another challenge I faced was how to plan the hierarchy between the components.
  • I would be happy to recieve feedback!

About

Website to showcase my art, using React.js :art:

https://shir0206.github.io/ArtGallery/


Languages

Language:JavaScript 63.7%Language:CSS 33.8%Language:HTML 2.4%