It's a very simple image gallery that displays images just like pinterest/instagram. it consists of only one page.
- practice reactjs
- brush up on html, css, js
- learn how to divide website ui into components
- navbar --> logo (left), socials (right)
- header --> title (middle), short text (middle, below title)
- image cards --> display various images
- structure the entire project
- create all components first
- work on navbar component
- work on header component
- work on image card componentwfwqf
- how do i want this site to look like? ui inspo?
- searched online and found pinterest and another yt vid for inspo.
- now how do i divide the ui into components?
- researched and found an article written by Emmanuel Fordjour Kumah.
- ok now time to create each components' file and work on it one by one.
- started working on navbar and i already got stuck. how do i center a div? HAHAHAH
- now i cant seem to work my head around flex (which i thought i knew). "justify-content: center; flex-direction: column;" --> this does not work together, why?
- time to add in the fonts!!
- fonts from google font
- font familiy chosen --> lato and lora
- now, lets work on the final component
- first lets just display one image card
- damn, didnt expect displaying an image to be confusing but i got it done with the help of this link
- now i need to find a way to display multiple images, i figured iterating a list/array of images would work best, this link helped
- this link solidified my understanding on how to use .map()
- how do i host/deploy it on github
- this link help