GithubHelp home page GithubHelp logo

dinner-genie's Introduction

Project Title

Dinner Genie

Dinner Genie

Concept

  • Create a nostalgic website similar to a fortune telling game. Showcase how logic can be disguised as magic.
  • To enjoy the process of deciding what to eat and infusing the mundane with a sense of wonder.

Project description

  • The site greets you with playful imagery and a friendly genie. Provide the Genie with 3 ingredients of your choice and Genie's selects your dream dinner recipes.

  • Empower folks to create their own meals at home. To infuse bright colors and a sense of fun to encourage folks to find the creativity and play in eating at home.

User story

  • As an indecisive eater

  • I want the perfect recipe based on my top 3 favorite ingredients

  • So that I know what I'm going to eat, and add some magic to my day.

  • I want to be able to store the ingredients in local storage

  • I want a cocktail pairing suggestion.

APIs to be used

Rough breakdown of tasks

  • Rosa : HTML + JavaScript

  • Bella : JavaScript + Styling

  • Meghan : Design + JavaScript

  • Valerie : Vision + Planning

  • Landon : JavaScript + JQuery

  • Rafael : Wireframe + CSS

  • make sure we can access github and actually work on this lol

Technologies used

  • HTML
  • TAILWIND
  • Font AWESOME
  • CSS
  • JAVASCRIPT
  • JQUERY
  • CANVA
  • Procreate

Future Development

  • Autofill input textbox.
  • Ability to save recipes.
  • Syncing with a calendar.
  • Stronger API images.
  • Refinement of responsiveness.
  • User login with ingredient and recipe stats.

dinner-genie's People

Contributors

landywandy avatar westcreek avatar rosa-alonso avatar bellaborrego38 avatar rortiz0726 avatar

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.