srashtisj / gemini-angular-drawing-demo

Home Page:https://mgechev.github.io/gemini-angular-drawing-demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gemini Angular Drawing Demo

This repository contains a demo similar to the drawing video Google showed during the release of Gemini, using Web APIs.

How to use?

First, make sure you generate an API key and use it in generative.service.ts.

After that:

$ git clone git@github.com:mgechev/angular-gemini-drawing-demo
$ cd angular-gemini-drawing-demo
$ npm i
$ ng serve

Open Chrome and navigate to http://localhost:4200.

The demo uses the webkitSpeechRecognition API, which currently has limited browser support.

Technical details

This demo uses:

  • Angular and the Gemini JavaScript API
  • Web Speech API (SpeechRecognition and SpeechSynthesis)
  • HTML5 canvas API

License

MIT

About

https://mgechev.github.io/gemini-angular-drawing-demo


Languages

Language:TypeScript 88.4%Language:CSS 8.2%Language:HTML 3.3%