View the Code!

E-commerce

Created in 2016 for the Interactive Media Arts course.

This is the landing page of the project

I was given a group project to create an e-commerce website. I was one of the two developers on the project as well as a designer. We decided to sell video games, video game consoles and accessories underneath the Playstation, Xbox and Wii tabs. We used both PHP and MySQL to create a functioning website with a checkout cart and all. For our navigationn we used a responsive menu. The designer decided to go with a blue and orange themed website.

This is the bottom of the landing page

We also created fake social media pages to to "promote" our website and the contents that it was selling. We decided to go with a simple 1 x 4 grid to list the items that were for sale.

This is a list of products that can be purchased by the customer

We categorized our items into Playstation 4, Xbox One and Wii U. They were listed out into a table with the products name along with how much it cost. Once the user clicked on the products name they would be taken to that products page.

This is a detailed product page

Using PHP it would bring the products information from the database like the title, developer, price, the image and the description of the product. If the user liked the item they would click the add to cart link to add said item to their cart. If the user was logged in it would say the the product was added to their cart. If the user wasn't logged in, it would still add it to their cart but they wouldn't be able to view their cart without logging in first.

This is the cusomters cart

This is where the user can view what's in the cart and proceed to the checkout if they liked their purchase. They can add and take away the number of the single product and click the update their cart button to update it.

This is the confimation page where it lets the customer know that their order has been placed

Once the user has clicked the checkout link they are taken to the thank you page where it thanks the user for their purchase and says they will be notified when their item ships.

This is the contact page

This is a simple PHP mailing form so that the user could contact anybody on the team.

This is the page where users can create accounts

If the user wants to checkout they to create an account first. This page is where they would do that. Once the user has created an account, their information is stored into the database, then they can login.

This is the login page

If the user has created an account with us they can use this login form to login into the "system" where they can make purchases. It brings up error notices if the user has missed a field or if their information doesn't match our informarion in the database.

This is the confirmation page letting the user know that they have logged in

Once the user has inputted the correct information for their loggin we say that they are logged in. If they are logged in it will say so on every page they visit while saying who's logged in by listing the user's first name.