GIVEN I need to sample a potential employee's previous work
WHEN I load their portfolio
THEN I am presented with the developer's name, a recent photo or avatar, and links to sections about them, their work, and how to contact them
WHEN I click one of the links in the navigation
THEN the UI scrolls to the corresponding section
WHEN I click resume
THEN I can download the resume
WHEN I click on the link to the section about their work
THEN the UI scrolls to a section with titled images of the developer's applications
WHEN I am presented with the developer's first application
THEN that application's image should be larger in size than the others
WHEN I click on the images of the applications
THEN I am taken to that deployed application
WHEN I resize the page or view the site on various screens and devices
THEN I am presented with a responsive layout that adapts to my viewport
In this project, I have navigate bar, four sections like "About Me", "Work", "Contact", "Resume". The navigate bar can link to each section. In the "Work" section, I also set each project name link to the according project images. Click the image can to go deployed app. I use flex box and media query to make the website has reponsive layout. git
http link: https://jing-liu-778.github.io/JingLiuPortfolio/
