Yummunity = Yummy Food π² + Community π€
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.
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 |
- 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
Contributions are always welcome!
See contributing.md
for ways to get started.
Please adhere to this project's code of conduct
.
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',
};
Do Check out my In Depth Guide for this project Click here to check