SvelteKit and AI

Learn SvelteKit by doing with AI: Gemini, TensorFlow and OpenAI.

SvelteKit has dramatically made my work easier! Good bye, VanillaJS.

App

Image Recognition

Gemini 2.0 Flash

TensorFlow.js mobilenet

Object Detection

Gemini 2.0 Flash

TensorFlow.js coco-ssd

Object Detection (Webcam capture)

Gemini 2.0 Flash

TensorFlow.js coco-ssd

Text to Speech

OpenAI gpt-4o-mini-tts

This UI allows you to select voice and emotion.

Translation

Gemini 2.0 Flash

Running the app

To run the app in the development environment,

$ cd app
$ npm run dev

To build and run the app,

$ cd app
$ npm run build
$ cd build
$ node index.js

References

SvelteKit

• Tutorial
• Creating a project
• Node Servers
• Building an app

Bootstrap

• Bootstrap 5.3

Gemini

• Text Generation

TensorFlow

• TensorFlow.js

OpenAI

• Text to Speech