Giter VIP home page Giter VIP logo

recipie's Introduction

CS 330 Midterm Project -ReciPIE

Overview

This is a recipe search webpage that takes user input and display corresponding related recipes. This project was bootstrapped with Parcel Bundler.

Available Scripts to run the project

In the project directory, to install required packages, you can run:

npm install

Then, to start the application, you can run:

npm start

Features

  1. Take user input, render list of recipes related to input keyword. E.g. apple, pizza, pear and so on.
  2. Upon click "MORE FACTS", definition of the first word of the title of recipe displayed on the website will be shown.
  3. User could bookmark and unbookmark recipe.
  4. Clicking + or - button, the recipe ingredients would be updated with the change in the number of servings.

Technologies and Tools

  • ParcelJS
  • HTML, SCSS/SASS
  • Bootstrap
  • VanillaJS

API Used

  1. Forkify API
  2. Free Dictionary API
  3. Numbers API

Contributors

  • Hudson Nguyen - A CS Sophomore @Luther College
  • Millie Wang - A CS Sophomore @Luther College

Acknowledgements

The basic design of this webpage was based on Jonas Schmedtmann.

Demo

demo

recipie's People

Contributors

hudson-pufferfish avatar millie178 avatar

Stargazers

 avatar

Watchers

 avatar

recipie's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.