Food Fit App in Genkit with Angular

This is a Food Fit demo that uses Firebase Genkit to generate healthy recipes. This project uses Angular for the frontend and Genkit deployed on Cloud Functions. For more information on how this app was created, check out this blog post.

Installation

To set up the project, follow these steps:

Main application

Go to the food-fit-app folder and run the following command:

cd food-fit-app
npm install

Cloud Functions

Go to the server/functions folder and run the same command:

cd server/functions
npm install

Usage

Main application

Go to the food-fit-app folder and run the following command:

cd food-fit-app
ng serve

Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Cloud Functions

Follow the guide to generate the API KEY for deployment. Go to the server/functions folder and run the same command:

cd server/functions
npm run serve

Run Genkit only

To run Genkit only, replace the GOOGLE_GENAI_API_KEY in the .env file and run the following command:

npm run genkit:dev

Generate an API key for the Gemini API using Google AI Studio.

Contributing

I welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues.

Author

• Luis Eduardo

Love food-fit-app? Give our repo a star ⭐ ⬆️.