Skip to content

jenho-webdev/MealMatch

Repository files navigation

Meal Match

Description

MealMatch is an app designed for foodies and fitness enthusiasts alike! If you want to know what it takes to burn off the calories you just ate by doing simple exercise activities, then this app is a match for you. Users search for recipes by cuisine and are provided with a recipe that contains ingredients, cooking instructions and caloric info, as well as the activity duration needed to burn that same amount of calories.

Table of Contents

Technologies Used

HTML5

CSS3

JavaScript

MaterializeCSSFramerwork

Snoopacular API

API Ninjas

Wireframe

  • Main Page

Main Page

  • Recipe Page

Recipe Page

Usage/Examples

Home Page1 Home Page2

Recipe Details Page

Demo

Overview: Demo gif Autocomplete function: Demo gif

API Reference

Links to API Documentation

Color Reference

Hex
#579E99 #579E99
#BFFFFB #BFFFFB
#98EBE5 #98EBE5
#9E6447 #9E6447
#EBB498 #EBB498

Roadmap

  • Recipes can be saved and added to a custom book
  • Recipe book access via buttons on both pages
  • Recipe can be searched by keyword
  • Add feedback feature
  • Add hide recipe from list feature

Authors

Acknowledgements

License

MIT License

About

MealMatch is an app designed for foodies and fitness enthusiasts alike!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5