Christine Schoell's
WEB DESIGN
Flower

Portfolio

Thank you for visiting my portfolio. Here you can view all the work that I have done either through school projects, personal projects, or work for clients. Each project shows the coding I used for it as well as the software. For each project, you can also click on the image to visit the webpage to see it live.

Dreamweaver was used to create and maintain each of these websites. However, I have extensive experience with handcoding and only use Dreamweaver as a visual while I create the website as well as for organization with the code.

Click on one of the project names below to see information about them.

All Projects

Client Projects

Personal Projects

Showing all projects

Paul's Heating & Cooling, Inc

In 2014 I had the privilege to work on Paul's Heating & Cooling, Inc website. For me, this was my first real client so it holds some significance as it brought on a whole new array of learning experiences.

Technologies Used

Code Languages
  • HTML5
  • CSS3
  • Javascript/Jquery
Software
  • Adobe Dreamweaver
  • Adobe Photoshop
back to top
Paul's Heating & Cooling, Inc

In early 2014 I teamed up with a few guys looking to start their own business in brewery. While they handled the actual business: me, knowing nothing about beer myself, took on the challenge of creating them a website primarily using Wordpress. This was a fun and engaging learning experience.

 

While one guy handled the graphics, I coded the functionality of the site and put the pieces together.

Technologies Used

Code Languages
  • HTML5
  • CSS3
  • Javascript/Jquery
  • PHP
  • WordPress
Software
  • Adobe Dreamweaver
back to top

Using AngularJS

The Pizza Place Logo

This project is a replicate of the previous Pizza Order Form which uses JavaScript. AngularJS is a library for JavaScript that allows the developer to do many different tasks in much less code than it takes to use regular JavaScript. This is my first project implementing AngularJS and I hope to find other personal projects that I can find uses for it or even implement it in clients' websites.

Technologies Used

Code Languages
  • XHTML
  • CSS
  • AngularJS
Software
  • Adobe Dreamweaver
back to top

At the end of 2014 I began on a little project that was inspired by my desire to learn how to use the Google Maps API and and that during that time my girlfriend and I were house hunting. Any time that a project can be made personal, more heart will go into it. I had to focus on userability since it was mainly my girlfriend who was researching houses for us. What this program does is, you may enter house addresses in as well as specific details of the house. Then, that data either gets entered into a database or a JSON text file where it can be retrieved later. When it is placed as a marker on the map, that marker may be clicked to view the details of the house.

Please, I invite you to take a look at this project of mine: My GoogleMapsAPI Porject

Technologies Used

Code Languages
  • XHTML
  • CSS
  • AngularJS
Software
  • Adobe Dreamweaver
back to top

Several years ago I began on a personal project that combined my intrigue with the Japanese language with my need to utilize more of the JavaScript language. I created a user interface that displays completely random sentences through a sentence structure and pulling words from many different arrays.

The program allows the user to select from multiple different batches of words which I could utilize to have users design their own set of words they would like to learn or practice. This project has so much potential and I could do so much more with it if I still had the time.

In the end, the JavaScript became repetative and was no longer benefiting my knowledge gain.

 

I invite you to take a look at this project. Minimal design work was put into the interface. The project is for functional purposes only.

Technologies Used

Code Languages
    HTML5
  • CSS3
  • Javascript
Software
  • Adobe Dreamweaver
back to top
Michael Schoell Logo

In 2010 I had the privilege of creating a portfolio website for a skilled programmer just coming out of college. He needed something professional looking so he could apply for top companies in his field. Though the pressure was on, I took this challenge and produced him a respectable website. The website was completed in the beginning of 2011 and I continued to maintain it until he landed himself his current job.

Technologies Used

Code Languages
  • XHTML
  • CSS
  • Javascript/Jquery
Software
  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe Photoshop
back to top

This website was entered in the Joliet Junior College annual web competition two years in a row and both year won an award:

Best Use of CSS Site Design - Awarded in 2009

Supieror Use of Web Technologies Site - Awarded in 2010

I've been working with Web Design since highschool and by the end of it I started on my very first serious website; which turned out to be a very large project. WoWTAH is a World of Warcraft fansite database that I started in 2007. It has been entered in the Joliet Junior College's Annual Website Competition for two years now and won a specialty award both years.

Some of the content on the website is placed in from a database that was created by LUA. PHP and SQL was used to achieve this.

This website is still very incomplete as there is still a lot of information to be gathered to be put into the site. Although progress on this website has ceased to a halt, it is still a site that I am proud of and reflect on. I look forward to incorporating the skills I used here with future websites.

Technologies Used

Code Languages
  • XHTML - Validated
  • CSS - Validated
  • Javascript
  • PHP
  • SQL
  • LUA*
Software
  • Adobe Dreamweaver
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe Flash

*LUA was proudly coded by Michael Schoell. LUA was used to create a data gathering addon for World of Warcraft in order to collect data for wowtah.com

back to top
Gaylord Building Logo

During my sophomore year of college, I had the opportunity to work on a website with the rest of my class for the Gaylord Building which was in need of a website with a new look. I was on the design/coding team working with three others. Together we all came up with the design on the website but in the end it was me who put the code together to make what we designed come to life.

Technologies Used

Code Languages
  • XHTML
  • CSS
  • Javascript
Software
  • Adobe Dreamweaver
  • Adobe Illustrator
back to top
Dare Lace Wig Supplier Logo

In 2010, an internship opportunity fell into my lap. Over the summer I had the wonderful opportunity to meet two business women who run Dare Lace Wig Supplier. Though I did not create the entirety of their website, which had been created through a template provided previously to me being hired, I was able to make some adjustments and changes for them to their website as well as add a couple of pages to it.

Technologies Used

Code Languages
  • XHTML
  • CSS
  • PHP
Software
  • Adobe Dreamweaver
This site also required an extensive use of CPanel and databases within that which I did not create.
back to top
Orlando Park

For a web design course I took in 2010, we had to develop a website for a local city of our choice about entertainment in the area. The direction I took with this was to create an upbeat and exciting website that instantly would attract the viewer's eyes in order to best promote what this city has to offer.

Technologies Used

Code Languages
  • XHTML
  • CSS
Software
  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe Photoshop
back to top
The Pizza Place Logo

For a Javascript class that I took in 2010, a final project we had to do was to create a pizza order form and implement javascript in order to make it user friendly. This project was focused more around the use of the javascript than the design of the page. The highlights of the javascript used is, when you click on a new item to be added to your order, it instantly updates your order as well as the price. Also there is some javascript implemented when the buttons are clicked.

Technologies Used

Code Languages
  • XHTML
  • CSS
  • Javascript
Software
  • Adobe Dreamweaver
  • Adobe Photoshop
© 2015 <CS> Logo