/Eat-Smarter-Frontend

Eat Smarter (Project 2)

Primary LanguageJavaScript

EATSMARTER


 A web application that allows users to search and save thousands of recipes. 
 Users can also register to gain access to recipe health information, and add recipes to their favourites for later.

LIVE LINK:


KEY FEATURES:


Unregistered Visitor Can:

 * Search thousands of recipes without registering 
 * Drag and drop recipes for each day of the week to create a meal plan

Registered Users Can:

 * Search thousands of recipes and get an overview of recipe content on click
       - Cooking Time 
       - # of people it will feed
       - Calories 
       - Amount of Ingredients 
       - Link to full recipe 
 * User can add recipe to their favourites tab by simply clicking the 'Like' button for later 
 * User can add recipe chip to each day of the week 
 * Recieve immidiate indication of sugar intake based on recipes selected through a interactive visual graph

TOOLS USED:


 * Javascript 
     * node.js
     * Express
     * Handblebars
 * mySQL
 * Sequelize

GETTING STARTED:


* npm install
* npm install sequelize-cli
* create a local database 'CREATE DATABASE yummlydb' from schema.sql file