Culinary Connect

Back to Portfolio

Interactive Recipe App

Experience "Culinary Connect", a social platform for food enthusiasts to discover, share, and save recipes. The app features an interactive feed, recipe details, and social interactions like commenting and saving favorites.

Project Details

App Type

Social Media + Recipe Sharing

Technologies

Vue.jsFirebaseAlgoliaTailwindCSSCloudinary

My Role

Full-stack Developer

Latest Recipes

Mediterranean Pasta Salad
Julia Chen
Julia Chen

Mediterranean Pasta Salad

42
Spicy Korean Bulgogi Bowl
David Park
David Park

Spicy Korean Bulgogi Bowl

86
Blueberry Lemon Pancakes
Sarah Johnson
Sarah Johnson

Blueberry Lemon Pancakes

35
Mediterranean Pasta Salad

Mediterranean Pasta Salad

Julia Chen
Julia Chen
25 min
Easy
4.7

Ingredients

8 oz pasta
Cherry tomatoes
Cucumber
Red onion
Kalamata olives
Feta cheese
Olive oil
Lemon juice
Garlic
Oregano
Salt & pepper

Steps

  1. 1Cook pasta according to package instructions.
  2. 2Chop vegetables into bite-sized pieces.
  3. 3Mix olive oil, lemon juice, garlic, and seasonings for dressing.
  4. 4Combine all ingredients in a large bowl and toss with dressing.
  5. 5Refrigerate for at least 30 minutes before serving.

Tags

#vegetarian#summer#pasta

About This Project

Culinary Connect is a social recipe sharing platform that brings together food enthusiasts, home cooks, and professional chefs. The app allows users to discover new recipes, share their own creations, and connect with others who share their culinary interests.

The platform features a personalized feed based on user preferences, an advanced search function with filtering options for dietary restrictions and ingredients, and a social component that allows users to follow their favorite creators, like and comment on recipes, and save content for later.

One of the key features is the recipe recommendation engine that suggests recipes based on the user's past interactions, seasonal ingredients, and trending content within their network.

Development Approach

The application was built using Vue.js for the frontend with a component-based architecture that allows for easy maintenance and scaling. Firebase was used for the backend, providing authentication, real-time database functionality, and storage for recipe images.

Algolia was integrated for the search functionality, providing fast and relevant search results with typo tolerance and filtering capabilities. Cloudinary was used for image optimization and transformation, ensuring optimal loading times across devices.

Key Features

  • Personalized recipe feed
  • Advanced search & filtering
  • User profiles & following
  • Recipe saving & collections
  • Comments & ratings
  • Step-by-step cooking mode
  • Ingredient scaling
  • Dietary preference settings
  • Offline recipe access
  • Recipe sharing to social media
Luke Eddy

Web Developer & Designer

© 2025 Luke Eddy. All rights reserved.