This assignment consists of a single page web application designed for an imaginary photography studio in order to show their work.
https://lucaas27.github.io/FrontEndProject/
- I used Google Chrome and Firefox to test the website in different views.
- Every picture used in this project were taken from the stock photography website unsplah.
- Bing Imagery API was used in order to create a static map with a marker location.
- Initially I was not being able to validate the CSS as most validators throw a
Parse Error
due to the use of the CSS3 variable feature. More on this topic can be found on this stackoverflow thread. However, I was able to find this validator which I used instead.
- The navbar was adapted from this video and this one
- The layout for the project was adapted from here
- The gallery section was inspired from this videohere
- The Bing Imagery API was implemented by myself using the API documentation from here
- The localStorage was implemented after watching this video
- The automatic slider was implemented with the help of this video