ABOUT Me

Lee Bennett Picture

My name is Lee Bennett and I am a web developer. I received my web training through the University of Pittsburgh and various online programs and courses. I currently work as a developer at a local marketing company, and I work as a remote web course developer for an education company. In my freetime, I do freelance work as well. Check out some of my work below! I am always interested in creating new content, so please do not hesitate to contact me.

A litte bit about myself... I am a 27 year old Korean American Adoptee, gaming, psychology majoring, web programming, sci-fi geek. I took an interest in psychology at a very young age and am still interested in it to this day. After I graduated, I decided to receive formal learning on how to program from the University of Pittsburgh. I took various Java and web design/development courses to give me a solid foundation and start on my journey. In addition to my education at Pitt, I am an avid gamer who loves to hop on Xbox or Playstation to play games. You can visit my gaming site DigitalNinjaLee to see some Twitch work, YouTube videos, and what games I play.

My WORK

Resume Preview
Resume

Web Developer Resume | Interactive Resume Coming Soon!

Resumeclose

Web Developer Resume | Interactive Resume Coming Soon!

Resume
Web Developer


Peach Pit Supply Preview
Peach Pit Supply

This landing page was created for Peach Pit Supply. I had previously helped with creating the PeachPitVapes.com landing page and was asked to create a new page for their supply website. This website would focus on more than just vaping products.

Peach Pit Supplyclose

This landing page was created for Peach Pit Supply. I had previously helped with creating the PeachPitVapes.com landing page and was asked to create a new page for their supply website. This website would focus on more than just vaping products.

HTML
CSS
Javascript
JQuery
HTML5Up


REN CENIC Project 1 Preview
REN CENIC Project 1

This website was intended for REN CENIC Project 1. Unfortunately, the lab moved while I was working on it and it is now being developed by another site. This site was made in Laravel 5.4. It purpose was for obtaining randomization numbers for participants, keeping track of carton shipments, and tracking those cartons for each participant.

REN CENIC Project 1close

This website was intended for REN CENIC Project 1. Unfortunately, the lab moved while I was working on it and it is now being developed by another site. This site was made in Laravel 5.4. It purpose was for obtaining randomization numbers for participants, keeping track of carton shipments, and tracking those cartons for each participant.

HTML
PHP
CSS
JQuery
Javascript
Bootstrap 3
Laravel 5.4


DigitalNinjaLee 3.0 Preview
DigitalNinjaLee 3.0

This is the third iteration of my gaming website. I changed a lot of features from 2.0. The main thing I wanted was for it to have a bit of a minimalist feel to it. The colors I chose and the logos all exemplify this fact. New to this version are the recent achievments and clips from the (Unofficial) Xbox API. In addition, there is now a instagram feed of my gaming related postsin my profile. Overall, this new version I feel greatly improved over the last.
UPDATE: Expanded Xbox and YouTube clips section. Both now offer dynamic choices (EX: new and uploaded videos). Users can now click on different videos and the site will load the video into a new container.

DigitalNinjaLee 3.0close

This is the third iteration of my gaming website. I changed a lot of features from 2.0. The main thing I wanted was for it to have a bit of a minimalist feel to it. The colors I chose and the logos all exemplify this fact. New to this version are the recent achievments and clips from the (Unofficial) Xbox API. In addition, there is now a instagram feed of my gaming related postsin my profile. Overall, this new version I feel greatly improved over the last.
UPDATE: Expanded Xbox and YouTube clips section. Both now offer dynamic choices (EX: new and uploaded videos). Users can now click on different videos and the site will load the video into a new container.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 4 Alpha
Xbox API
Animate.css


Digital Dream Space Preview
Digital Dream Space

This project was something I wanted to do for quite some time. I always had an interest in dreams since I was in High School. One of the reasons why I took Psychology as a Major in college was because of lucid dreaming. As the idea of dreams started coming back to me, I knew I wanted to make a website dedicated to that interest.
This website takes in 100 new dream posts from Reddit and displays them in a "dream-like" fashion. The user can read various dreams in a unique way. I emphasized randomness, limitless, and instability of dreams in the project through various CSS and Javascript resources. Updates to this site will include Dream Submission an even more expansive look at different dreams.

Digital Dream Spaceclose

This project was something I wanted to do for quite some time. I always had an interest in dreams since I was in High School. One of the reasons why I took Psychology as a Major in college was because of lucid dreaming. As the idea of dreams started coming back to me, I knew I wanted to make a website dedicated to that interest.
This website takes in 100 new dream posts from Reddit and displays them in a "dream-like" fashion. The user can read various dreams in a unique way. I emphasized randomness, limitless, and instability of dreams in the project through various CSS and Javascript resources. Updates to this site will include Dream Submission an even more expansive look at different dreams.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 3
CSSHAKE
Zoomooz.js
Animate.css
Textillate.js


Carlis Grooming Preview
Carlis Grooming

This website was for a friend who has her own grooming business. To start, I asked what colors were her favorite and started from there. Navigation is a full-screen modal for both desktop and mobile as opposed to the traditional navbar on the top turning into the hamburger icon. Additionally, there is a button to go to the top of the page. The page goes for a minimalist look overall.

Carlis Groomingclose

This website was for a friend who has her own grooming business. To start, I asked what colors were her favorite and started from there. Navigation is a full-screen modal for both desktop and mobile as opposed to the traditional navbar on the top turning into the hamburger icon. Additionally, there is a button to go to the top of the page. The page goes for a minimalist look overall.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 3
Instafeed.js
Google Maps API
Animate.css


Habitat for Humanity (AV) Preview
Habitat for Humanity (AV)

This website was for a local branch of Habitat for Humanity of Allegheny Valley. I contacted the executive director and offered to create a new webpage for the organization. Similar to my other websites, it contains a customized Facebook feed.

Habitat for Humanity (AV)close

This website was for a local branch of Habitat for Humanity of Allegheny Valley. I contacted the executive director and offered to create a new webpage for the organization. Similar to my other websites, it contains a customized Facebook feed.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 3
Graph API


Build-A-Book Preview
Build-A-Book

This website was a brand new site for Spencer Streno's small business Build-A-Book. It is a one-page website with information about his work and pricing plans. The website showcases his previous work along with a contact page to e-mail him directly.

Build-A-Bookclose

This website was a brand new site for Spencer Streno's small business Build-A-Book. It is a one-page website with information about his work and pricing plans. The website showcases his previous work along with a contact page to e-mail him directly.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 3
Graph API
Easing.js
Scrolling.js


Spencer Streno - Acting Preview
Spencer Streno - Acting

This website was a redo of Spencer Streno's acting website. His first website was created in Wix and was not very mobile friendly. I decided to make the website with Bootstrap and PHP. I chose to make the backgrounds and jumbotrons look like they were made from cloth. Additionally, we discussed color and agreed a dark purple (#430064) would be a great color for it symbolizes a sense royalty. This website also embeds his Twitter feed and a custom Instagram feed.

Spencer Streno - Actingclose

This website was a redo of Spencer Streno's acting website. His first website was created in Wix and was not very mobile friendly. I decided to make the website with Bootstrap and PHP. I chose to make the backgrounds and jumbotrons look like they were made from cloth. Additionally, we discussed color and agreed a dark purple (#430064) would be a great color for it symbolizes a sense royalty. This website also embeds his Twitter feed and a custom Instagram feed.

HTML
CSS
PHP
Javascript
JQuery
Bootstrap 3
Instafeed.js


Spencer Streno - Directing Preview
Spencer Streno - Directing

I was asked to complete a series of 3 websites for a client who was referred to me from a friend. This website was the first one redone using PHP. Boostrap was used as the framework. It is a fairly straightforward website and looks almost identical to the original (which was planned). It just needed to become responsive for mobile and smaller devices.

Spencer Streno - Directingclose

I was asked to complete a series of 3 websites for a client who was referred to me from a friend. This website was the first one redone using PHP. Boostrap was used as the framework. It is a fairly straightforward website and looks almost identical to the original (which was planned). It just needed to become responsive for mobile and smaller devices.

HTML
CSS
PHP
Javascript
Bootstrap 3


Spencer Streno - Main Preview
Spencer Streno - Main

I was asked to complete a website for a client (Spencer Streno) for that would link his acting, directing, music, and brand new business websites. I first created this simple landing page to navigate between the three sites and his bandcamp music page.

Spencer Streno - Mainclose

I was asked to complete a website for a client (Spencer Streno) for that would link his acting, directing, music, and brand new business websites. I first created this simple landing page to navigate between the three sites and his bandcamp music page.

HTML
CSS
PHP
Javascript
Bootstrap 3


Lee Bennett Cloud Portfolio  Preview
Lee Bennett Cloud Portfolio

This website was very heavily influenced by Digimon Tri. I wanted to use the clouds as the selectors and navigation. This website itself went through a few versions of its own. The clouds had outlines at first and it did not contain my current logo. Overall, I felt like my portfolio needed to update.

Lee Bennett Cloud Portfolio close

This website was very heavily influenced by Digimon Tri. I wanted to use the clouds as the selectors and navigation. This website itself went through a few versions of its own. The clouds had outlines at first and it did not contain my current logo. Overall, I felt like my portfolio needed to update.

HTML
CSS
PHP
Javascript
JQuery
Animate.css
Custom Loading Modal
Bootstrap 4


Victory Pointe - Main Preview
Victory Pointe - Main

After completion of the database for VP, I created the main website for Victory Pointe. Its home page shows links for the video game database and a modal for viewing events happening at VP. It contains a custom Facebook Feed created in PHP. Using Facebook Graph, the website pulls posts on VP's FB feed and creates a customized feed on the home page. The other pages feature game lists pulling from the VP database. All images are clickable and will pop-up in a Bootstrap modal.

Victory Pointe - Mainclose

After completion of the database for VP, I created the main website for Victory Pointe. Its home page shows links for the video game database and a modal for viewing events happening at VP. It contains a custom Facebook Feed created in PHP. Using Facebook Graph, the website pulls posts on VP's FB feed and creates a customized feed on the home page. The other pages feature game lists pulling from the VP database. All images are clickable and will pop-up in a Bootstrap modal.

HTML
CSS
PHP
Javascript
JQuery
mySQL
Bootstrap 3
Graph API


Victory Pointe - Database Preview
Victory Pointe - Database

Database for local Pittsburgh video game cafe. I approached the owner about making it easier for people to see what games they have. I suggested making an easy to use online database for people to search for games. The home page displays the newest additions to their game collection. Each section lists (in a table) all the games for the console selected. There is a randomizing feature for users to select a random game from the ENTIRE VP collection. In addition, there is a randomly picked game given certain criteria (selecting certain consoles ONLY).

Victory Pointe - Databaseclose

Database for local Pittsburgh video game cafe. I approached the owner about making it easier for people to see what games they have. I suggested making an easy to use online database for people to search for games. The home page displays the newest additions to their game collection. Each section lists (in a table) all the games for the console selected. There is a randomizing feature for users to select a random game from the ENTIRE VP collection. In addition, there is a randomly picked game given certain criteria (selecting certain consoles ONLY).

HTML
CSS
PHP
Javascript
JQuery
mySQL
Bootstrap 3


DigitalNinjaLee 2.0 Preview
DigitalNinjaLee 2.0

2.0 version of personal gaming website. This site uses javascript and JQuery extensively for page and image loading. It contains some information about my gaming. On the desktop, it displays recent YouTube videos, my Twitch stream, and my gamercards. On mobile, it does not display these features. Links loaded from the sidebar show my Twitch art and YouTube work. It also contains a Google Form to request work from me.

DigitalNinjaLee 2.0close

2.0 version of personal gaming website. This site uses javascript and JQuery extensively for page and image loading. It contains some information about my gaming. On the desktop, it displays recent YouTube videos, my Twitch stream, and my gamercards. On mobile, it does not display these features. Links loaded from the sidebar show my Twitch art and YouTube work. It also contains a Google Form to request work from me.

HTML
CSS
PHP
mySQL
JQuery
Bootstrap 3


Video Game Personal -
 Database Preview
Video Game Personal - Database

Personal video game collection website. This was created and intended for personal use of my video game collection. It has different tabs that perform different functions. For example, it uses lists all games on one section, gives me a random game from the database, gives a random game with certain criteria, and also a search for the game name.

Video Game Personal - Databaseclose

Personal video game collection website. This was created and intended for personal use of my video game collection. It has different tabs that perform different functions. For example, it uses lists all games on one section, gives me a random game from the database, gives a random game with certain criteria, and also a search for the game name.

HTML
CSS
PHP
Bootstrap 3
mySQL
JQuery Tables


Smoking Research Group Preview
Smoking Research Group

This website was created for a research lab (Smoking Research Group) while at the University of Pittsburgh. They requested to have a one page website with scrolling to different sections of the page.

Smoking Research Groupclose

This website was created for a research lab (Smoking Research Group) while at the University of Pittsburgh. They requested to have a one page website with scrolling to different sections of the page.

HTML
CSS
Bootstrap 3


LDBennett 1.0 Preview
LDBennett 1.0

My first portfolio website I created for myself. Shortly after taking my first HTML class, I decided to showcase websites I had created and Twitch art. It uses a bootstrap single page theme.

LDBennett 1.0close

My first portfolio website I created for myself. Shortly after taking my first HTML class, I decided to showcase websites I had created and Twitch art. It uses a bootstrap single page theme.

HTML
CSS
Javascript
Bootstrap 3


DigitalNinjaLee 1.0 Preview
DigitalNinjaLee 1.0

Personal video game website created myself. It shows off all of my Xbox and PS information. Additionally, it shows some of my early work for myself and others on Twitch. Youtube videos are embedded for easy viewing.

DigitalNinjaLee 1.0close

Personal video game website created myself. It shows off all of my Xbox and PS information. Additionally, it shows some of my early work for myself and others on Twitch. Youtube videos are embedded for easy viewing.

HTML
CSS
Bootstrap 3


My SKILLS




Services

Web Design/Development
Website Updates
Database Management
HTML Email
Graphic Work
Campaign Help

Marketing

XMPie
Circle
MindFire
Photoshop
Illustrator
InDesign
GIMP
Litmus
MJML
HEML

Programming_

HTML
CSS
SASS/SCSS
Javascript
JQuery
Ruby
Rails
Python
Django
PHP
Laravel
SQL/mySQL
Bootstrap 3 & 4
MaterializeCSS
WordPress