RECI-BEE | FOOD APP

The Reci-bee website was created to be a recipe management and meal planner app, with daily nutritional analysis and recommendations.

We divided the work equally, so we both could have the chance to work on all aspects of it: backend development with Ruby on Rails and front-end with JavaScript, React, Postgres. Two servers communicate through API queries utilizing Webpack. In the front-end, we choose to work with flex-box and styled it ourselves with CSS.

Contributors

Leticia Duque and Sahanah Ganesh

Getting Started

1. Install Frontend dependencies using the npm install command.
2. Install Backend dependencies using the bundle install command.
3. Start both servers using the rake start command. The app will be served at http://localhost:3000/ and the client at http://localhost:3001/.
4. Go to http://localhost:3000/ in your browser.

Dependencies

• normalize.css: ^8.0.1,
• react: ^16.8.6,
• react-dom: ^16.8.6,
• react-router: ^5.0.0,
• react-router-dom: ^4.3.1,
• react-scripts: 0.9.5,

Final Product Screenshots

Home page | Login and Signup

Recipe Book Page

Search Recipes Page

Saved Recipes Page

View Recipe Popup

Print Recipe

Create Recipe Popup

Meal Plan Page

Choose Meal Plan Page

View Nutrition

Additonal Features to come

• Generate shopping list for selected time period in a calendar
• Profile page to set diets, BMI, allergies
• Connect to nutritional values based on user’s profile
• Ingredient and recipe search based on diet and nutrition
• Refactoring code