Web Pages/Sites/Applications
** Notice ** This page is still being update and more code will be added in the future.
Click on one of the cells to display select (or possibly all) of the project's source code. Alternatively, you can click on the display page link to view the web page.
- Project Name:
- Assignment 1
- Brief Description:
- An intro to HTML containing basic markup.
- Source File(s):
- index.html
- Language(s):
- Description:
- An extremely basic web page using the simplest HTML elements.
- Project Name:
- Assignment 2
- Brief Description:
- Another intro to HTML using basic elements and some internal CSS.
- Source File(s):
- index.html
- Language(s):
- ,
- Description:
- A simple web page using basic HTML elements and a basic internal style sheet.
- Project Name:
- Assignment 3
- Brief Description:
- Another basic HTML page with HTML, CSS, and images.
- Source File(s):
- index.html, style.css
- Language(s):
- ,
- Description:
- Another basic web page. This page includes CSS, images (including a background image and favicon), and was verified through with a HTML validator.
- Project Name:
- Assignment 4
- Brief Description:
- A basic web site using links.
- Source File(s):
- index.html, about.html, contact.html, default.css
- Language(s):
- ,
- Description:
- A simple 3 page website. This assignment utilizes anchors, lists, html5 sections, and images. Written in HTML with CSS.
- Project Name:
- Assignment 5
- Brief Description:
- Another basic website that is an accumulation of HTML and CSS learned in previous lessons.
- Source File(s):
- about.html, code.html, contact.html, faqs.html, mail.php, main.css
- Language(s):
- ,
- Description:
- A multi-page website that contains lists, anchors, images, and CSS. This assignment also demonstrates the use of a horizontal navigation bar. Also, this uses a PHP script that was provided to me for sending email. Note: The mail function may no longer be functioning.
- Project Name:
- Assignment 6
- Brief Description:
- Basic webpage demonstrating columns and layout
- Source File(s):
- index.html, main.css
- Language(s):
- ,
- Description:
- Using HTML and CSS to control page layout using columns.
- Project Name:
- Assignment 8
- Brief Description:
- Basic webpage demonstrating dropdown menus
- Source File(s):
- index.html, about.html, contact.html, main.css
- Language(s):
- ,
- Description:
- Using HTML and CSS to display dropdown menus. This page also contains a styled table and a Halloween theme (assignment was due around Halloween)
- Project Name:
- Assignment 9
- Brief Description:
- Basic webpage demonstrating responsive web design
- Source File(s):
- index.html, style.css
- Language(s):
- ,
- Description:
- Using HTML and CSS to display a responsive webpage. Media queries are used to arrange components of the page differently on smaller sized screens
- Project Name:
- VICOM 128 Final Project
- Brief Description:
- A cumulative website demonstrating everything learned in MATC's VICOM 128 - Web development with HTML/CSS class.
- Source File(s):
- index.html, about.html, cars.html, contact.html, desktop.html, email.php, mobile.html, other.html, travels.html, web.html, images.css, imgmodal.css, modal.css, style.css, tables.css, classes.js, dynTables.js, navmenu.js
- Language(s):
- , , , , JSON
- Description:
- Website contains various web programming features including menus, lists, responsive design, some JavaScript and JSON, PHP, and more
- Project Name:
- Web Programming 2 index
- Brief Description:
- A simple index of pages for Web Programming 2 assignments
- Source File(s):
- index.html, base.css
- Language(s):
- ,
- Description:
- A simple index of pages for Web Programming 2 assignments
- Project Name:
- Madlibs
- Brief Description:
- A Madlibs app developed with HTML, CSS, and PHP
- Source File(s):
- index.html, processed-madlib.php
- Language(s):
- , ,
- Description:
- The classic Madlibs game ported to a web page using basic PHP principles to process the data
- Project Name:
- Madlibs 2
- Brief Description:
- A Madlibs app developed with HTML, CSS, and PHP
- Source File(s):
- index.php
- Language(s):
- , ,
- Description:
- The same app as Madlibs, but the PHP code and HTML are in a single page
- Project Name:
- High-Low Game
- Brief Description:
- A High-Low app developed with HTML, CSS, and PHP
- Source File(s):
- index.php
- Language(s):
- , ,
- Description:
- The High-Low game with a PHP back-end processing the guesses
- Project Name:
- High-Low Game w/ File Storage
- Brief Description:
- A High-Low app developed with HTML, CSS, and PHP
- Source File(s):
- index.php, gameController.php
- Language(s):
- , ,
- Description:
- The High-Low game again but with a PHP storing and retrieving records in a file on the server
- Project Name:
- Todo List
- Brief Description:
- An online todo list
- Source File(s):
- index.php, navbar.php, todos.php, edit_todo.php, delete_todo.php, dbFunctions.php
- Language(s):
- , , MySQL
- Description:
- Using PHP to access a MySQL database to store and retrieve todo tasks
- Project Name:
- Simple Form
- Brief Description:
- A simple form demonstrating the use of PHP global variables
- Source File(s):
- simpleform.html, simpledisplay.php
- Language(s):
- ,
- Description:
- A simple form demonstrating the use of PHP global variables
- Project Name:
- Real Estate App
- Brief Description:
- A fictional real estate listings website
- Source File(s):
- index.php, houses.php, listingForm.php
- Language(s):
- , , MySQL
- Description:
- This site demonstrates using PHP to query a MySQL database to browse real estate listings as well as being able to create listings including uploading an image to display in the listing. To create a listing, change the page in the navigation bar from index.php to listingForm.php
- Project Name:
- Web Programming 2 final
- Brief Description:
- A fictional, functioning website for buying and selling guitars and basses
- Source File(s):
- index.php, delete.php, detailView.php, emailForm.php, footer.php, headerNav.php, listingForm.php, listings.php, login.php, login_proc.php, logout.php, register.php, sell.php, base.css
- Language(s):
- , , , , jQuery, MySQL, Bootstrap
- Description:
- Final cumulative project for Web Programming 2. This project covers all the material taught in Web Programming 2 and some additional technologies. Some of the features of this site include querying and storing listings to a MySQL database, creating user accounts and using sessions to control data flow, various PHP functions such as file uploading, sessions, encryption, and PDO, some JavaScript and jQuery, and Bootstrap for responsive design.
- Project Name:
- Capstone Project
- Brief Description:
- My capstone project for MATC. The project was to develop an app for a home caregiver company that would allow the company to attempt to find best matches for their clients and caregivers based on answers from questionnaires. Additionally, I cloned their Wix website with a mobile first, responsive design due to the Wix template being poor when viewed on a mobile device, and then implementing my matching software into the new site.
- Source File(s):
- index.php, about.php, admin.php, bio.php, cgQuestions.php, contact.php, find.php, findMatches.php, home.php, join.php, login_proc.php, login.php, meet.php, procQuest.php, questionnaire.php, register.php, resources.php, services.php, addlfields.php, edituser.php, index.php, login_proc.php, login.php, logout_proc.php, procdb.php, modal.css, styles.css
- Language(s):
- , , , MySQL, , Bootstrap
- Description:
- The company that asked me to develop this app, requested an app that was essentially "match.com for their clients and caregivers". I determined that the best way to proceed would be to implement this software into their pre-existing website. Unfortunately, the business's Wix template (at the time) did not handle mobile devices well. The website was cloned using Bootstrap to promote mobile design. The business was using 3 questionnaires from a university to make personality assessments on employees and clients. I used these questionnaires to determine various personality traits and developed an algorithm to create match percentages based on the answers. PHP was used to process the data and handle the back-end functionality. Data for clients, employees and administrators was stored in a MySQL database (access to the database access code and administration sections available on request, but not displayed for security). The front-end was developed in HTML5, CSS, Bootstrap, and some JavaScript. The software was also designed to allow introduction videos for the caregivers to be displayed from YouTube. This project was never deployed because the client did not find a hosting provider for the website that offered PHP support and MySQL databases.
