Yummunity

Yummunity = Yummy Food 🍲 + Community 🤝

Logo

Yummunity is a dynamic and engaging food-based social media platform that allows users to share recipes, explore food content, and interact with a vibrant community of food enthusiasts. Built with Angular 18 and Appwrite, the project aims to provide a seamless and interactive experience for sharing culinary ideas.

Badges

Screenshots

Mobile

App Screenshot

Desktop

Desktop Screenshot

Tech Stack

| Layer | Technology | | --- | --- | | Frontend | Angular 18, TypeScript, Angular Material, HTML , CSS | | Backend | Node js, Appwrite | | Storage | Appwrite bucket Storage | | Auth | Google oauth and Basic Auth | | Hosting | Google Cloud Run & Vercel | | Others | Angular CLI, RxJs, Ngx Markdown, TheMealDB, Pexel Photo API |

Features

User Authentication (via email or google auth)
Community Recipes Posts & Blog post sharing
Like, Comment, Save and Share functionality
User Account page
Responsive design
Recipe finder though search
post notification implementation

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Environment Variables

Kindly replace all the id's from your accont written in CAPITALS LETTERS over here and make sure don't change any keyword names.

If you have any doubt you can check out the offical documentation from the Appwrite Documentation

# Appwrite Setup  [DEV setup]
export const environment = {
  production: false,
  appwrite_Endpoint: 'https://cloud.appwrite.io/v1',
  appwrite_ProjectID: 'YOUR-PROJECT-ID',
  appwrite_DatabaseID: 'YOUR-DATABASE-ID',

  users_CollectionID: 'YOUR-COLLECTION-ID',
  post_CollectionID: 'YOUR-POST-COLLECTION-ID',
  blogpost_CollectionID: 'YOUR-BLOGPOST-COLLECTION-ID',

  PostImages_BucketID: 'YOUR-POSTIMAGES-BUCKET-ID',
  Profile_pictures_BucketID: 'YOUR-PROFILE-PICTURES-BUCKET-ID',
  Blog_thumbnail_BucketID: 'YOUR-BLOG-THUMBNAIL-BUCKET-ID',

    # not mandatory
  Unsplash_AccessKey: 'YOUR-UNSPLASH_ACCESSKEY',
};

Similarly you have create another file for production environoments

# Appwrite Setup  [PROD setup]
export const environment = {
  production: true,
  appwrite_Endpoint: 'https://cloud.appwrite.io/v1',
  appwrite_ProjectID: 'YOUR-PROJECT-ID',
  appwrite_DatabaseID: 'YOUR-DATABASE-ID',

  users_CollectionID: 'YOUR-COLLECTION-ID',
  post_CollectionID: 'YOUR-POST-COLLECTION-ID',
  blogpost_CollectionID: 'YOUR-BLOGPOST-COLLECTION-ID',

  PostImages_BucketID: 'YOUR-POSTIMAGES-BUCKET-ID',
  Profile_pictures_BucketID: 'YOUR-PROFILE-PICTURES-BUCKET-ID',
  Blog_thumbnail_BucketID: 'YOUR-BLOG-THUMBNAIL-BUCKET-ID',

    # not mandatory
  Unsplash_AccessKey: 'YOUR-UNSPLASH_ACCESSKEY',
};