Front End Developer

Class Project

This was a final project for one of my Multimedia Programmimg classes. The project was meant as an exercise in learning to use p5.js a programming language that was made for artists, designers, educators and beginners.

The game is about keeping the oceans clean to sa. The rules are simple, catch the cans before they kill the fish using a net that acts as a mouse trail.

Tools Used:

• HTML/CSS
• p5.js/JavaScript

Try out the game

Class Project

This was a final project for one of my Multimedia Programmimg classes. The project was a lesson in manipulating the DOM using JavaScript.

Project Requirements:

The main requirements for this project were to include 5 javaScript interactions.

I successfully created the game with many interactions including input and state changes.

Tools Used:

• HTML/CSS/SASS
• Animate.css
• JavaScript/jQuery

Try out the game

A Project for FreeCodeCamp

This was a project for www.freecodecamp.org The main point of this project was to learn to use outside API's to retrieve information from remote sources and display it using Ajax methods.

Project Requirements:

User Story 1: I can click a button to show me a new random quote.

User Story 2: I can press a button to tweet out a quote.

Tools Used:

• HTML/CSS/SASS
• JavaScript/jQuery
• Forismatic API

Try out the app

A Project for FreeCodeCamp

This was a project for www.freecodecamp.org This project was an excercise in using API's and Geolaction services in order to pinpoint your location and use it to populate the DOM with information about your local weather.

Project Requirements:

User Story 1: I can see the weather in my current location.

User Story 2: I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.

User Story 3: I can push a button to toggle between Fahrenheit and Celsius.

Tools Used:

• HTML/CSS/SASS
• JavaScript/jQuery
• Bootstraps Framework
• OpenWeatherMap API
• Google Geolocation Services

Check out the weather in your area.

Commissioned Website

This was a website that I was commissioned to redesigned from top to bottom using the Wix engine and my know-how of Javascript and HTML to give the site a sophisticated, elegant and clean look.

Requirements:

Must include Diamond Videos

Fully functional store to order services.

Tools Used:

• Wix site builder
• HTML/CSS
• Javascript
• Photoshop

Visit the site!

Class Project

This was a final project for a class concentrating on creating Wordpress websites. I chose to create a webcomic based off of my own comic book "The Blue Earth".

Project Requirements:

Custom Worpress Theme

Fully functional Wordpress blog.

Tools Used:

• HTML/CSS
• Bootstraps Framework
• Wordpress
• PHP

Learn more about this project
Visit the site!

A Project for FreeCodeCamp

I created this page as a project for an online course at www.freecodecamp.org The subject i used for the project was one of my favorite writers, Neil Gaiman and his dark fantasy books.

Project Requirements:

User Story 1: I can view a tribute page with an image and text.

User Story 2: I can click on a link that will take me to an external website with further information on the topic.

Tools Used:

• HTML/CSS/SASS
• JavaScript/jQuery
• Bootstraps Framework

Learn more about this project

Freelance Graphic Designer, LIM College

Created A logo with 3 samplings to choose from. Utilized final version to create a logo intro using Adobe Aftereffects, that was presented in a video live on stage for the fashion show. Created Eventbrite electronic invitations.

Project Requirements:

The project required A logo with a diamond and the number 75 for the 75th anniversarry of the fashion show.

The name of the instititution must be clearly visible on the logo.

The Invitations must be both Horizontal and Verical.

The Logo Intro must have repeating scrolling text at the bottom. Clear and visible.

All files must be optimized for Web and HD video production.

Tools Used:

• Adobe Photoshop
• Adobe Illustrator
• Adobe After Effects
• Adobe Media Encoder

See the process
Visit LIM College's website for footage of the event!!

Freelance Graphic Desing/ Video production

The project required a logo, logo intro, and an animated electronic save the date which created using Adobe After Effects

Project Requirements:

Tools Used:

• Adobe AfterEffects
• Adobe Illustrator
• Adobe Photoshop

Learn more about this project

A class Project

This project was an exercise in layout and color. It was designed to give students a feel for visual consitency throughout a visual layout using full page bleeds and double oage spreads.

Project Requirements:

The project required full thumbnail wireframes of all the pages.

The booklet must have a front and back cover.

The conpany logos must be included in front and back placed in a visible space.

Provided images for the titles must be used and must have a barcode.

Tools Used:

• Adobe Photoshop
• Adobe Illustrator
• Adobe InDesign

See the final product

A class Project

This project was an exercise in typography. We were asked to take a typeface or two and create a study of the various weights, fonts, and types available for each typeface. then we were to create a visually expressive peice utilizing only one typeface.

Project Requirements:

Only allowed to use one typeface per design.

Image must be 11"x17"

Must include information about founders and utilize numbers.

Tools Used:

• Adobe Illustrator

Learn more about this project

A class Project

We created this project as an exercise in developing multi-page layouts in InDesign. We were tasked to make up a magazine and create a cover for it. Then write or copy an article and create a layout for it. I chose to create a videogame magazine featuring a game that was popular at the time called "Cuphead".

Project Requirements:

Front and back cover must be utilized.

Booklet must include double page layouts.

Tools Used:

• Adobe Photoshop
• Adobe Illustrator
• Adobe InDesign

Learn more about this project