Responsive, Mock E-commerce Website


AAU coursework

Programs/Languages Used: HTML, CSS, JS, Photoshop, Sublime Text

Project Details:

This site utilizes a Bootstrap Modal / PHP login form which captures user information in a relational MySQL database. The content for the individual product pages (image, description, details) is also called in from the MySQL database using an AJAX call and JSON data which can be seen here Products.php.


Other features include responsive media queries, a collapsible navigation menu at screen sizes smaller than 524px, accordion FAQ page and a contact page with a PHP mailer contact form. The course instructions required using product submissions from other students to create the mock inventory page. Description and asset information also came from other students pages.