This is my final project for General Assembly: Online Front-End Web Development Course.
This website is a passion project of mine to showcase my photography work and now my front end development coding skills utilizing HTML5, CSS and Javascript!
- Make a website responsive
- Create a hamburger icon and developed a mobile/tablet view navigation menu
- Create a slideshow
- Display photos in a responsive image grid
- Make an anchor link
- Use flex and grid properties
How to make a hamburger icon clickable. This took me 2 days to figure this out without raising the white flag to ask for help!
- Javascript
- Javascript
- And more javascript
- Create a modal image on all my photo images
- How to disable right-clicking on my photo images to prevent users from saving the actual image file (if possible)
- Create a contact form with a functional submit button that sends the data to my email
Here are a few resources that I would like to give credit to in helping me develop my final project:
- My GA instructors: Ben, Paula, and Steven. Thank you so much for your lessons, guidance/advice, assistance, and patience!
- A few of my fellow GA course mates: EJ, Liz, and Nick. Thank you for your support, friendships, peer reviews and laughing moments!
- W3Schools - How to Create an Automatic Slideshow / Carousel, How to Image Hover Overlay and How to Create a Responsive Design Grid
- YouTuber Codefoxx - How to Create a Responsive Hamburger Menu with HTML, CSS, & JavaScript
- Icons8 for free social media and email icons