Where fashion meets responsibility
By: Lily Comeau(@lcomeau01), Elizabeth Cucuzzella (@ecucuzzella), and Rachel Dakermanji (@rdakermanji).
EcoEssence is a web application that showcases the mission of Eco Essence as well as allowing users to shop for ethically made clothing items (by eco essence).
Key Features:
- Automatic slideshow of images on the first webpage via JQuery
- Counting up CSS Animation when the user scrolls down on the first page
- Responsive UI and Mobile Friendly
- Session Storage of Cart Items
- Full Card and Information validation (not entirely accurate, for example a card number must be 16 digits and an integer but it may not be a valid card)
- HTML
- CSS
- Javascript
| File Name | Description |
|---|---|
about.html |
HTML and Javascript for the homepage. Includes Javascript animations for the home page and all necessary html |
cart.html |
HTML for the cart page, accesses session storage to show the total price in the users cart |
contact.html |
Contact page to reach out to eco essence. Includes a form with email validation and 4 different types of HTML form inputs. |
locations.html |
HTML for the Locations page which shows the locations and store hours of the in-person Eco Essence stores. Tells users if the store is currently open in their timezone. |
mission.html |
HTML for the missions page. Includes a javascript typing animation and a jquery slideshow. |
order.html |
The order page which includes an extremely long form of information like credit card details and shipping address. The entire form is validated with javascript. |
shop.html |
The page that showcases our items for sale. Filters between mens, womens, and childrens apparel. Accesses session storage to add items to the users cart. |
styles.css |
The Stylesheet for About.html |
team.html |
HTML for the team page, which is a static page showing the pictures and descriptions of each employee. |