Skip to content

jess-keating/jess-keating.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Jessica Keating - Portfolio Task

My portfolio site

About

Personal Portfolio - created as part of She Codes Australia Plus Program, 2025.

Project Requirements

Content

  • At least one profile picture
  • Biography (at least 100 words).
  • Functional Contact Form
  • "Projects" section
  • Links to external sites, e.g. GitHub and LinkedIn.

There is a profile picutre of myself placed on the header of the site. This remains there on the second page as well. There is a 100 word bio on the home page that gives a general description of who I am and things that I like to do. I further added to this on the second page titled, About Me, where I have incldued more detail about myself and my experience. The contact form at the bottom of the home page is functional. To make the form work I have used Formspree. There is a projects section where I have linked my GitHub repository for the She Codes First Website that we build as an example during out HTML and CSS course. I do not currrently have other projects to link here but have included teo placeholders in the meantime and will endevour to link further projects as I complete them in the She Codes Plus course. You will find working URL links to my GitHub and LinkedIn in the footer of the site. ​

Technical

  • At least 2 web pages.
  • Version controlled with Git
  • Deployed on GitHub pages.
  • Implements responsive design principles.
  • Uses semantic HTML.

I have added an About Me page where I have included further information about myself, my experience and skills. This page also has a functioning menu that will take you back to the home page and/or to the other sections on the home page depending on your menu selection. My GitHub repositiry can be found here (https://github.com/jess-keating/jess-keating.github.io). Where I have followed best practice to version track my updates and the deployment. Where I have followed best practice to version track my updates and the deployment. Media queries have been included to ensure that the content can be viewed in a easy to read manner that is appealing.

Bonus (optional)

  • Different styles for active, hover and focus states.
  • Include JavaScript to add some dynamic elements to your site. (Extra tricky!)

I included hover state on the Skills and Project cards on the Home page and also on the About Me page to highlight the information. I also added in a functional hamburger menu. ​

Screenshots

Wireframe images

Wireframe for mobile. Wireframe for desktop

Desktop Screenshots Hompage

Desktop screenshot homepage 1 Desktop screenshot homepage 2

Desktop Screenshots About Me

Desktop screenshot about me 1 Desktop screenshot about me 2

Desktop Hover Screenshots

Desktop hover skills Desktop hover sproejcts

Mobile Homepage Screenshots

Mobile screenshot homepage 1 Mobile screenshot homepage 2 Mobile screenshot homepage 3 Mobile screenshot homepage 4

Mobile About Me Screenshots

Mobile screenshot about me 1 Mobile screenshot about me 2 Mobile screenshot about me 3

Mobile Hamburger Menu Screenshots

Hamburger Menu screenshot closed Hamburger Menu screenshot open

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors