Portfolio

Employee Directory

HTML | CSS | JavaScript | Json | Public API

In this project, I used the Random User Generator API to grab information for 12 random “employees,” and used that data to build a prototype for an Awesome Startup employee directory. The app requests a JSON object from the API and parse the data so that 12 employees are listed in a grid with their thumbnail image, full name, email, and 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.

Web App Dashboard

HTML | CSS | Sass | jQuery

Web dashboard built with JavaScript-driven charts and graphs. Settings saved in the local storage so it remains after re-loading the page.

Online Registration Form

HTML | CSS

A responsive, mobile-friendly registration form using a wide variety of HTML form input types and attributes. Mobile and desktop version of the form using media queries, and a “mobile-first” approach.

Interactive Photo Gallery

HTML | CSS | JavaScript | jQuery

An interactive photo gallery using JavaScript and jQuery. At the top of the page is a search function that will hide and show images depending on user input. When the user clicks on a thumbnail, the photo will display in a lightbox.

Web Style Guide

HTML | CSS | Sass | BEM

I was responsible for creating rules to style the web page using the provided class names. I used Sass to do this, using partials, variables, extends, and mixins to apply the styles and classes to the style guide page.

Interactive Video Player

HTML | CSS | JavaScript

HTML5 video player with JS and the HTML5 Video API. Interactive video player that synchronises a video and its transcript. When a user clicks any part of the transcript it takes them to the appropriate place in the video.

SVG Animations

HTML | CSS | SVG

I used SVGs to spruce up and add a bit of character to this website. I created SVG symbols to manipulate SVGs depending of media queries.

React Photo Gallery

JavaScript | React | JSX | Axios

An image gallery using React and the Flickr API. After creating the project with create-react-app, I did build the gallery components, wrote CSS and set up routing.

Wheel of Success Game

HTML | CSS | JavaScript

A browser version of “Wheel of Success”, a word guessing game where players will click letters from an onscreen keyboard to try to guess a random phrase.

Conference Registration

HTML | CSS | JavaScript

A registration form that changes the options and information depending on the user’s interaction with it. Real time validation with JavaScript.

Twitter Interface

Node | Express | Pug | REST API

Using Twitter’s REST API to access Twitter profile information and render it to a user. The page automatically authenticate access to the Twitter profile and display recent activity.

Student Directory

HTML | CSS | JavaScript

Pagination and search filtering of a student directory using vanilla JavaScript.

Säljoptimera Sverige

Copy | Photo | WordPress

Branding project from conceptual ideas to brand guidelines, print material and fully functioning responsive website.

Avans Linjärteknik

WordPress

Pro Linjärteknik was so pleased with their website I made for them that when they got acquired they wanted me to build a similar website for the new company.

Tic-Tac-Toe Game

JavaScript

A functional Tic Tac Toe game. A player plays agains the computer. Keeps track of the state of the game — whose turn it is, where the X’s and O’s are on the board, and whether the game is a draw or, if not, who won and lost.

Quote Generator

HTML | CSS | JavaScript

This is a quote generator that randomly selects a quote and color and presents it to the screen.

Tre Smeder

WordPress

A WordPress website for a jewelry shop in Sweden that needed to upgrade to a modern and responsive web design.

JKH Stable

Branding | Design | WordPress

Branding concept with logo, color scheme, website and Facebook page for an international high end equestrian business.

Bellivis

Logo Design | Vector Graphics

Logo design for an Icelandic recruitment company. They had an idea and I realized it and delivered a vector graphic logo.

CaLi

Logo Design | Vector Graphics

Logo for a railroad maintenance and heavy vehicle transportation company.

Hollstensboda

Logo Design | Vector Graphics

Logo Design for an investment company.

Pro Linjärteknik

Branding | Design | WordPress

Branding concept and WordPress website for an industrial technology company with business all over Europe.

Carnaby Wines

Logo Design | Graphic Design

Logo design, folder design and roll-up design for a Maltese/Italian wine importer/exporter.

Säljoptimera

Branding | Design

Branding and graphic design work for a sales company that wanted to look strong, successful and bold.

Norrängens Ekonomibyrå

Logo Design | Vector Graphics

A financial services agency logo.