Skip to content

rosiejeays/Portfolio_Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rosie Maguire - Portfolio Task

My portfolio site

Project Requirements

Content

This portfolio showcases several projects that I have worked on and allows me to continue adding projects, showing my professional journey. I have embedded a fully functioning contact form that allows visitors to provide me with feedback or discuss colalboration. I have also included links to my GitHub, LinkedIn, Discord Profile and Instagram.

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

Technical

I have separated my content into two responsive pages, the main index page and a contact page. I have built the pages using semantic HTML, CSS and splash of JavaScript. During the project development I have been working off a "WIP" branch and merging to main once I'm happy to publish changes.

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

Bonus (optional)

Technical features that are worth highlighting include the responsive nav bar, embedding a video, multiple hover effects, including tool tips and making button stylings multi-browser compatible.

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


Screenshots

WireFrames

Desktop Home Page WireframeDesktop Home Page Wireframe


Mobile Home Page WireframeMobile Home Page Wireframe


Desktop Contact Form WireframeDesktop Contact Form Wireframe


Mobile Contact Form WireframeMobile Contact Form Wireframe


Mobile Website

Mobile Home PageMobile Home Page


Mobile Contact PageMobile Contact Page


Desktop Website

Desktop Home PageDesktop Home Page

Desktop Contact PageMobile Contact Page


Site Features

Mobile Home Page - Navbar expandedMobile Home Page - Navbar expanded


Mobile Contact Page - Navbar expandedMobile Contact Page - Navbar expanded


Desktop Website - Navbar hovers

Home Page

Name Title Navbar Hover About Navbar Hover Projects Navbar Hover Contact Me Navbar Hover

Contact Page

Countact Page Name Title Navbar Hover Home Navbar Hover Contact Page About Navbar Hover Contact Page Projects Navbar Hover

Mobile Website - Navbar hovers

Home Page

Name Title Navbar Hover About Navbar Hover Projects Navbar Hover Contact Me Navbar Hover

Contact Page

Countact Page Name Title Navbar Hover Home Navbar Hover Contact Page About Navbar Hover Contact Page Projects Navbar Hover

Project Section Hovers

Blackjack Repo Hover Mario Kart Leaderboard Repo Hover Mario Kart Leaderboard Site Hover

Button Hovers

Get In Touch Button Hover Submit Button Hover

Tooltip Hovers

LinkedIn Tooltip Hover Github Tooltip Hover Instagram Tooltip Hover Discord Tooltip Hover

Footer Hovers

Mail Footer Hover LinkedIn Footer Hover Instagram Footer Hover Github Footer Hover

About

She Codes Portfolio Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published