Skip to content

chilupa/recipehub

Repository files navigation

Recipe Hub

A social recipe sharing app where you can log your own recipes and share them with friends.

✨ Features

📝 Recipe Management

  • Add Custom Recipes - Create recipes with ingredients, instructions, and cooking details
  • Recipe Cards - Beautiful card layout showing recipe info, prep/cook time, and servings
  • Tags System - Organize recipes with custom tags
  • Local Storage - All recipes persist locally on your device

💝 Social Features

  • Like System - Heart recipes you love with like counter
  • Share Functionality - Share recipes via native sharing or copy to clipboard
  • Author Attribution - See who created each recipe
  • Favorites Page - Quick access to all your liked recipes

🎨 UI/UX Features

  • Mobile-First Design - Optimized for touch interaction with Ionic React
  • Tab Navigation - Easy switching between Recipes, Add Recipe, and Favorites
  • Responsive Grid - Recipes display beautifully on all screen sizes
  • Clean Forms - Intuitive recipe creation with dynamic ingredient/instruction lists

🎯 How to Use

  1. Browse Recipes - View all recipes on the main Recipes tab
  2. Add New Recipe - Tap "Add Recipe" and fill in the details
  3. Like Recipes - Tap the heart icon to add recipes to favorites
  4. Share Recipes - Use the share button to send recipes to friends
  5. View Favorites - Check the Favorites tab for all your liked recipes

🚀 Getting Started

# Install dependencies
npm install

# Run the app
ionic serve

# Build for production
ionic build

Built with Ionic React for a smooth, native-like mobile experience perfect for recipe sharing and discovery!

About

A social recipe sharing app where you can log your own recipes and share them

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published