Fork me on GitHub

Hello, I'm Kat Bella and I'm a Front End Developer

About Me

As I mentioned earlier...

My name is Kat and I develop the front end/UI of websites, games, and web-based apps! I am passionate about coding so I always keep up with the latest technologies and stick with the best practices possible.

What I'm not:

  • - A designer
  • - A JavaScript engineer
  • - A backend developer
  • - A UX specialist

More stuff about me:

  • - I love coffee
  • - I have a little dog named Skooter
  • - I like to compose music
  • - I live in Irvine, CA

Projects/Work

Here are some of the things I've worked on

I've worked on a variety of projects, including but not limited to: websites, web-based apps, video games, Facebook apps, CMS-driven sites(like Wordpress, Drupal, or custom CMSs), and online communities.

MeetMyCollege Meet My College
RouseLA Rouse LA
The Gibberlings 3 The Gibberlings 3
Theophilus London Playlist App Theophilus London Playlist App
Jason Derulo Playlist App Jason Derulo Playlist App
Ferrari Boyz Playlist App Ferrari Boyz Playlist App
NRA Country NRA Country Facebook App
Ketel One Vodka Ketel One Vodka
Get Self Made Get Self Made Facebook App
HP Mallory HP Mallory Site
Rhythm Rhythm
How Does She Do It How Does She Do It Facebook Game
J.E.T.S. J.E.T.S. Flight Sim Game
Barbie Groom and Glam Barbie Groom & Glam Pups
NPC Builder NPC Dialogue Builder
Shattered Dreams Shattered Dreams
Dark GDK Demo Dark GDK Demo
Woodwear Sunglasses Woodwear Sunglasses Site

Description: "MeetMyCollege" is an online community that allows students and high schools to interact one on one with universities across the nation. The site allows members to create a personal profile and join interactive webinars. Worked on as UI Developer while at Credere Enterprises.

Skills Used: HTML5, CSS3, Javascript, JQuery, C#

Tools Used: Visual Studio 2010/2012, MS SQL, MVC3

Description: I developed this site for HYFN. Rouse LA, a jewelry company, needed a site that could function as a gallery, blog, and storefront. The background image scales with the browser window size and the blog is an imported Tumblr feed that was styled to fit the site theme.

Skills Used: HTML5, CSS3, JQuery, Wordpress, PHP

Tools Used: SublimeText 2, Photoshop, mySQL

Description: The Gibberlings 3 is an online community dedicated to creating and supporting modifications and add-ons to PC games built on the Infinity Engine. The site also utilizes the Invision Power Board for community discussion. I created the skin for this component and manage the (rather large) database.

Skills Used: XHTML, CSS3, JQuery, PHP

Tools Used: SublimeText 2, Photoshop, mySQL

Description: Also developed while at HYFN, this Flash-based playlist sharing app was already built. My job here was to take the designs given to me and reskin it.

Skills Used: Actionscript 3

Tools Used: Photoshop, Flash Pro, Flash Builder

Description: Another reskin while at HYFN

Skills Used: Actionscript 3

Tools Used: Photoshop, Flash Pro, Flash Builder

Description: Yet another reskin

Skills Used: Actionscript 3

Tools Used: Photoshop, Flash Pro, Flash Builder

Description: Developed at HYFN, NRA Country wanted a Facebook page for their Artist of the Month, country singer Justin Moore. This app has a custom built HTML5 player with Flash fallback.

Skills Used: HTML5, CSS3, JQuery, Actionscript 3

Tools Used: Photoshop, Flash Pro, Facebook SDK, SublimeText 2

Description: Another HYFN project. My job consisted of building a video player for the advertisements that also provided Flash fallback for older browsers. I also did a significant amount of image editing, retouching, and optimization, as well as content/copy input, editing, and did extensive testing to ensure cross-browser compatibility.

Skills Used: HTML5, CSS3, Actionscript 3, JQuery

Tools Used: Photoshop, Flash Pro, SublimeText 2

Description: Another HYFN project. This Facebook app for the Maybach Music Group features a financial goal planner that allows users to create a goal and keep track of it while checking out their friends' goals and listening to some tracks by Maybach at the same time.

Skills Used: Actionscript 3, Animation

Tools Used: Photoshop, Flash Pro

Description: This site was done while at HYFN for paranormal fiction author HP Mallory.

Skills Used: HTML5, CSS3, JQuery, Wordpress, PHP

Tools Used: Photoshop, SublimeText 2, MySQL

Description: This Flash-based platformer was produced by EA and developed at Say Design. I created the music and sound effects for this and did some of the gameplay programming.

Skills Used: Actionscript 3

Tools Used: Flash Builder, Push Button Engine

Description: This game was developed at HYFN for the release of the movie "I Don't Know How She Does It" starring Sarah Jessica Parker. The player has 45 seconds to catch as many objects as they can.

Skills Used: HTML5, CSS3, JQuery, Actionscript 3

Tools Used: Facebook SDK, Flash Pro, Photoshop

Description: This Facebook Flash game was developed at HYFN for the rapper Curren$y. The object of the game is to catch all the power ups without being hit by fireballs in the process. The game has 10 levels which get harder as the player progresses.

Skills Used: Actionscript 3

Tools Used: Facebook SDK, Flash Pro, Photoshop

Description: This Flash game was developed at Say Design to help market Mattel's full version of the game for the Nintendo Wii and DS. Players choose their dog breed, dress them up, and take a picture that they can save to their desktop. I did mostly audio programming.

Skills Used: Actionscript 3

Tools Used: Flash Pro

Description: This was a small but handy program I created using Adobe AIR and Flash Professional that creates a custom Non Player Character that one can add to their Infinity Engine game (ie: Baldur's Gate, Icewind Dale).

Skills Used: Actionscript 3, Adobe AIR

Tools Used: Flash Pro

Description: This game was my final university project/indie game project that I completed with two of my friends. It is a 2D sidescroller adventure game about a boy who must venture into his sister's dreams to save her from the monsters that inhabit her mind. The game was showcased at GDC 2010 Austin Online and GDC 2011 San Francisco.

Skills Used: C#

Tools Used: XNA 3.1, Visual Studio, Photoshop

Description: A first person fantasy demo I programmed using the Dark GDK engine, the Tree Party add on, and C++. Cheap water effects simulated using matrices. I created the music, textures, and heightmaps as well.

Skills Used: C++

Tools Used: Visual Studio, Photoshop, Dark GDK, Tree Party

Description: Developed at HYFN, this was a static site I helped develop for Woodwear Sunglasses.

Skills Used: HTML5, CSS3, JQuery

Tools Used: SublimeText 2, Photoshop

Contact Me

kat@katbella.com

I do the social media thing, too.