Angular Gemini Components Workspace

A collection of Angular apps and libraries using the Gemini API

Demo

• Sentiment Analysis Component
  • https://ahsanayaz.github.io/ng-gc-ws/
  • YouTube video

You will be asked about your Gemini API Key. But don't worry, it won't be stored, or seen by anyone.

Using this code repository locally

To get started, clone the repository, run npm install from the root of this workspace, and then create a file named .env inside the apps/demo-app folder. Then add the following to it:

NG_GC_GEMINI_API_KEY=YOUR_GEMINI_KEY

Note: you can get your API key from Google AI Studio

Run the demo app

To run the dev server for the demo app, use:

npx nx serve demo-app

To create a production bundle:

npx nx build demo-app

To see all available targets to run for a project, run:

npx nx show project demo-app

These targets are either inferred automatically or defined in the project.json or package.json files.

More about running tasks in the docs »

Add new projects

While you could add new projects to your workspace manually, you might want to leverage Nx plugins and their code generation feature.

Use the plugin's generator to create new projects.

To generate a new application, use:

npx nx g @nx/angular:app demo

To generate a new library, use:

npx nx g @nx/angular:lib mylib

You can use npx nx list to get a list of installed plugins. Then, run npx nx list <plugin-name> to learn about more specific capabilities of a particular plugin. Alternatively, install Nx Console to browse plugins and generators in your IDE.

Learn more about Nx plugins » | Browse the plugin registry »

Learn more about Nx on CI

Google Cloud Credits are provided for this project to me