CTEC3905 Assignment

This assignment consists of a single page web application designed for an imaginary photography studio in order to show their work.

Live view

https://lucaas27.github.io/FrontEndProject/

Notes

Testing

• I used Google Chrome and Firefox to test the website in different views.

Pictures

• Every picture used in this project were taken from the stock photography website unsplah.

API

• Bing Imagery API was used in order to create a static map with a marker location.

CSS

• 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.

References

• 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