John Thompson - Portfolio Website

Links

Live Netlify Website:

https://jtdotcode-portfolio.netlify.app/

GitHub Repository:

https://github.com/jtdotcode/T1A3-Portfolio

Purpose

The purpose of this project is to demonstrate my skills as a web developer and to showcase my previous projects on a website. This website could be used to show future employees my skills and abilities which might lead to employment.

Functionality / features

This website has 5 pages home, about, contact, portfolio, blog which are all linked via two responsive menus, the desktop and iPad navigation menu will expand and shrink from 769px and below that the desktop menu you will hide and the mobile burger menu will appear. The mobile burger menu is based on javascript and CSS is designed is to fill the whole screen when the user clicks on it.

Overall I have tried to design the site so it will be responsive at all resolutions and high contrast so it’s easy for people with bad vision to see.

Sitemap

Screenshots

Home - Desktop

Home - Mobile

Portfolio - Desktop

Portfolio - Mobile

About - Desktop

About - Mobile

Blog Desktop

Blog Mobile

**Blog-page - Desktop **

Blog-page - Mobile

Contact - Desktop

Contact - Mobile

Target audience

The target audience for my website is potential employers, art critics and other coders academy students.

Tech stack

• HTML
• CSS
• SCSS for the CSS conversion
• Javascript for the mobile menu
• GitHub
• Netlify