Fridge to Fork

Fridge to Fork is a recipe-finding web app designed to help users discover recipes based on the ingredients they have at home. Users can filter recipes by cuisine and diet, save their favourite recipes to a personal list, and even record their own recipes.

Features

• Search for recipes based on available ingredients.
• Filter recipes by cuisine and diet preferences.
• Save favorite recipes to a personal list.
• Record and save personal recipes.
• User authentication with Google OAuth.
• Interactive UI/UX designed with Figma and MUI.

Getting Started

Fridge to Fork is a web app with a React/Vite frontend, an ExpressJS backend, and a PostgreSQL database.

It was originally deployed using Render for the backend and storage, and GitHub Pages for content delivery. It is currently offline, but you can check out the video demonstration below!

Video Demonstration

Screenshots

Recipe Search

Recipe Details

Saved Recipes

Add Recipe

Mobile view

ER Diagram

Wireframe

Technologies Used

• Frontend:
  • React
  • Vite
  • MUI
  • React-Router
• Backend:
  • Node.js
  • Express.js
  • PostgreSQL
• APIs and Integrations:
  • Google OAuth
  • Spoonacular API
• Design and Planning:
  • Figma
  • Miro
• Deployment and Hosting:
  • Render
  • GitHub Pages
• Used during development only:
  • AWS S3
  • AWS CloudFront
  • AWS RDS
  • AWS Lambda
  • AWS API Gateway
  • AWS EC2

Next Steps

• Enhance search functionality with more filters.
• Add social features for sharing recipes with friends.
• Integrate a meal planning feature.