Portfolio

Skills

Web Development

  • HTML
  • CSS
  • JavaScript / ES6
  • jQuery
  • AngularJS
  • ReactJS
  • SASS
  • Git
  • MySQL
  • PostgreSQL
  • PHP
  • NodeJS
  • Gulp
  • Adobe CC

WordPress

  • Theme design and development
  • Custom themes
  • Security
  • Maintenance
  • Deployment
  • Optimization

Content Creation

  • Copy writing
  • Copy editing
  • Media strategy
  • Press releases
  • SEO (Search Engine Optimization)
  • Social media
  • Blogging

Projects

For my most recent work, check out my GitHub

Momentum Center

Momentum Center

View:

I worked on a software team to build a web-based user check-in app for the Momentum Center for Social Engagement. The app allows visitors to sign-in and fill out required surveys while giving the organization the ability to better collect data.

The application was built using Angular 8 for the front-end with a NodeJS/Express backend. It is hosted on Heroku. I contributed to the front-end team.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • ANGULAR
  • SASS
  • GOOGLE MATERIAL
Food Fight

Food Fight

Food Fight is a recipe finder app built using ReactJS. It queries an API to provide the recipes and another to power the random food trivia featured on the main page. It was designed to be mobile first and makes use of styled components to provide component-based styling.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • REACTJS
  • SASS
  • API
  • STYLED COMPONENTS
PicturePalette

PicturePalette

PicturePalette allows creatives to search quality, free stock photography by color - a rarity in the marketing world. This curative app is perfect for creatives looking for photography that compliments their brand colors.

It queries two different APIs to provide the functionality: PixaBay and ColorTag. I wrote the JavaScript that interfaces with the PixaBay API, participated in the overall architecting of the app, and contributed bug fixes. I also implemented the CSS and JavaScript that allows for toggling between light and dark mode.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • ANGULARJS
  • SASS
  • API
Where in the World?

Where in the World?

Where in the World is a mobile-first web app that presents information about the countries of the world. It queries the Rest Countries API for the data and dynamically searches and filters based on user input. It makes use of routing so that each country has a unique URL. There is also a night mode toggle. The layout was done using CSS Grid.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • ANGULARJS
  • API
MovieFinder

MovieFinder

MovieFinder is an app that allows a user to find a movie to watch. It uses The Movie Database API to search for movies based on a search term and then allows a user to fine tune the results with a variety of sorting options. It includes pagination and the ability to "favorite" movies to watch later.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • ANGULARJS
  • API
Lily Spa

Lily Spa

A mobile-first design concept for a spa website. I created the mock-up in Photoshop and converted it to a web layout using Flexbox. I also contributed to the JavaScript powered cart functionality on the site that allows visitors to book sessions online.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • JQUERY
Bookmark

Bookmark

A landing page for Bookmark. It features a mobile-first layout built with HTML5 and CSS based on static mock-ups. JavaScript is used to dynamically change content and validate the email form. A production build was setup using Gulp.

Technologies

  • HTML
  • SASS
  • CSS
  • JAVASCRIPT
  • GULP
Pomodoro Clock

Pomodoro Clock

I built this Pomodoro Clock as one of the final projects for the freeCodeCamp Front End Libraries certification. I built it from scratch using ReactJS to satisfy the project requirements and to pass the automated tests conducted by freeCodeCamp.

It allows a user to start and pause a timer, adjust the length of the work and break periods, and plays a sound upon completion.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT
  • REACTJS
Drum Machine

Drum Machine

I built this JavaScript "drum machine" using ReactJS. I created it as one of the freeCodeCamp Front End Libraries projects. It allows for keyboard and mouse based input and dynamically plays a sound based on user input. I themed it based on the old 8-bit Nintendo “sound test” modes that were found in some games. I used the NesCSS library to give it an 8-bit aesthetic.

Technologies

  • HTML
  • CSS
  • REACTJS
  • JAVASCRIPT
John Ball Area Neighbors

John Ball Area Neighbors

View:

I helped John Ball Area Neighbors move from an out-of-date platform onto a custom WordPress setup that added a responsive layout and the ability for staff to update the site. The site integrates their Facebook feed and Google calendar into the layout. I also helped with their SEO and assisted them with setting up their Google Business profile for increased visibility.

Technologies

  • WORDPRESS
  • HTML
  • CSS
  • PHP