Hello!
My name is
Kristen
I am a front end web developer with a design background and a love of code. I'm looking for graphic design and front-end web development opportunities, either remote, or in the DC metro region.
Find me on GitHub, LinkedIn, or email me at kristen@krisquibo.com
Skills
More to come…
Work
Web Design
The B2B Project
A website design project that also included identifying and implementing a member-management system. This site was designed on paper, taken to Adobe XD for mock-ups, and ultimately created on the Wix platform.
Youth4Abolition
Website design for the non-profit and world-changing organization, Youth4Abolition. This project was a complete re-do of their web presence and included some infographic design. It was a month's long collaboration with the dynamic duo behind the organization who provided the content.
On Eagles Wings
Refresh of website design for the non-profit organization, On Eagles Wings. This project required that we filter through the content of the previous site and convey the organization's essential mission and purpose.
Web Development Projects
YourApp
YourApp is an interactive dashboard for a web application which uses SVG graphics and JavaScript. With the use of Chart.js, with object-oriented javascript in mind, the data was manipulated to customize the chart data & visual representation. This dashboard also uses local storage to save settings.
The Code Review
Built using a wide variety of HTML form input types and attributes and based on supplied mockup files, this project resulted in mobile and desktop versions of a form using media queries, and a "mobile-first" approach.
PhotoGallery
The interactive photogallery provided more opportunities for javascript practice as well as jquery plugins like lightbox2. One of the project challenges was to use original JavaScript code to implement search box functionality instead of a plugin.
Employee Directory
This project was JavaScript-based, using an API to populate the employee directory. A JSON object is requested from the API using fetch and parsed 12 employee's data are listed in a grid with their thumbnail image, full name, email, & location. Clicking the employee’s image or name will open a modal window with more detailed information, such as the employee’s birthday and address.
Snowmageddon
Originally styled like a gameshow, this was a javascript project to which I applied a story for fun. I couldn't find any suitable milk/tp/eggs/bread icons & illustrated my own.
Style Guide
The StyleGuide introduced Sass as a programming tool to add responsive mobile-first styles based on a supplied mock-up.
JS Apps & Projects
Memory
Anyone who has embarked on the journey to become a web developer knows that, at some point, one must fly solo. In other words, fly without that co-pilot, the tutorial, and start projects from scratch. This is one such project. I began with an objective, planned the design, worked earnestly for months (here and there) and had to take a peak now and then at solutions to problems I could not solve myself.
TaskList
This task list was a javascript practice project. It uses both Bootstrap and Materialize for some styling. DOM traversal and local storage were specific skills used for this app.
Tip-Tip Hooray
Tip-Tip Hooray was a javascript practice project that helped to reinforce DOM selection and manipulation skills and relies on user input and events.
Graphic Design
Design Samples
Graphic design and digital production work examples. From logos to package design, as well as a Roman mosaic reconstruction used in the Trompe L'Oeil exhibit.
Please check back soon for more work samples!