Skip to content

com-480-data-visualization/com-480-project-onvagagner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍷 Wine101 🍷

Project for COM-480 Data Visualization Course at EPFL

Go to website

🔴 Abstract

Have you ever wanted to put words on feelings you have when drinking wine? Have you ever wanted to dive into the wine world and in particular wine tasting?

Then this website is perfect for you!

Our goal is to guide you during your wine degustation. To that extend, each part of our website will aim to make your experience more enjoyable and educational. After going through the basics, we will dive into our senses. Our first stop is the vision: we will help you to indentify the exact tint of you wine and get more information about it. Then we move to smell: we will go step by step to identify which scent are present in the wine and develop your sense of smell, as it is often complicated to discern the numerous aromas. Finally, we will end on taste: after presenting the main trait that you should feel, we challenge you to rate those trait and find back the wine variety used in your wine! If you like the wine, we also propose similar wine variety (based on those trait) to try if you like your wine. Of course, a wine taste can be improved by paring the wine with food. We will provide you a small guide on which food to eat with your wine (or the opposite)!

Now that we are all set, grab your bottle of wine, your glass and link on the link above to enter our website!

👨‍👩‍👧‍👦 Target audience

Anyone interested in wine!

Beginners can step into the world of wine using our website, and experts can test their knowledge while playing with our animations!

🚀 Project structure & Installation

Our project is structured as follows:

├───img             (Images used in milestones)
├───milestones      (Milestones)
└───website         (Website files)
     ├───data       
     ├───img        (Images used in the website)
     ├───js         (Our .js files)
     ├───lib        (Js files form libraries used)
     └───style      (CSS)

To run our project locally, you need to do:

  • Clone the repo
  • Move into the website folder
  • Start a local server (e.g. using http-server), the website is generally available at http://127.0.0.1:8080

💿 Dataset

Winefolly's website kindly authorised us to scrape part of their data from their website.

📍 Milestones

Milestone 1: Proposals
You can find our first milestone in a nicer PDF format here or a markdown version here.

Milestone 2: Functional project prototype review
You can find our second milestone here. Please make sure to download the PDF in order to make the links work!

Milestone 3: Final project
You can find our process book here and our website here.

📽 Screen cast

The screencast is available on youtube:

Alt text

🤝 Authors