No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.sass-cache/32e97995aeaa2fcf3583ec257ace6577f44051e6
assets
docs
js
.gitignore
README.md
index.html
webpack.config.js

README.md

Interactive Resume

LIVE

Background

This project is an interactive resume that was inspired by Robby Leonardi's Interactive Resume, as well as J.K. Rowling's Wizarding World of Harry Potter. The interactive resume is meant to display a certain passion and skill for front end development. A complete 180 from your traditional resume, my interactive resume is a creative way to present my work experience, projects and skills while also capturing my childhood love for the magical world of Harry Potter.

Screenshots

title

animation

Implementation

My interactive resume utilized the following technologies:

  • jQuery
  • JavaScript
  • HTML5
  • CSS3
  • SASS

jQuery

jQuery was used to easily manipulate the Document Object Model(DOM). At specified points within the DOM, as well as on certain key presses, animations are triggered by querying for elements and modifying classes, as well as css attributes.

JavaScript

JavaScript was used to set timings and intervals for certain animations.

SASS

SASS was used to separate CSS stylesheets by class, allowing for modularizing of common classes. Variables minimized inconsistencies with color and font styles. Nested CSS rules allowed for more organized CSS files.

Future

  • Add contact form modal with social links
  • Improve bugs with various window sizes.
  • Incorporate mousewheel/scrolling to movement methods.
  • Make mobile friendly.
  • Improve graphics by improving Photoshop skills or outsourcing asset creation.
  • Migrate project over to custom/minimized jQuery-like library.
  • Refactor