Yummi

Yummi is responsive and real-time React.js and Firebase web application allowing users to find recipes. Users can create a full-featured account, search for recipes, create recipes, leave a rating, and comment. They can see top trending recipes from the weekly view count allowing the user to find the most popular recipes and filter out recipes through the use of the dish’s meal type, diet, and allergy. This application was developed using React for the frontend and Firebase as the backend.Information is displayed through an aesthetic user interface including Interactive health charts using Nivo.

Feed of popular Recipes

Creating Recipes

Leaving a Rating and Comment

Getting Started

Installation

1. Clone the repo into your desired location using git clone https://github.com/CS-UCR/final-project-yummi.git

2. Run npm install command in the root directory which in this case is in the final-project-yummi/frontend to install all the necessary packages

How to run our project

1. Run npm start command to run our project in development mode on local host
2. On your preferred browser, go to http://localhost:3000

How to Contribute

Follow the instructions on Getting Started up above. Now you can start creating your own branch and make changes accordingly. Once you're satisfied with the results, make sure to merge with any updated master and test it thorougly. After that, create a pull request and a member of our team will review it!

To install any new module, make sure to include them in your package.json by using the npm install --save "module_name" command.