https://github.com/timscodebase/ai-svelte-tiger

https://github.com/timscodebase/ai-svelte-tiger

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/timscodebase/ai-svelte-tiger
• Owner: timscodebase
• Created: 2024-01-13T04:01:14.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-16T18:39:33.000Z (9 months ago)
• Last Synced: 2024-12-01T00:49:05.459Z (about 1 month ago)
• Language: CSS
• Size: 99.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Converting a Qwik AI app to Sveltekit

![Converting a Qwik AI app to Sveltekit](https://res.cloudinary.com/tithos/image/upload/f_auto,q_auto/v1705204527/article-banner_jojaf6.png)

Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).

I recently completed an excellent AI tutorial by Austin Gil. I highly suggest you check it out: AI for Web Devs. “I thought it would be cool to build an app that takes two opponents and uses AI to determine who would win in a hypothetical fight. It provides some explanation and the option to create an AI-generated image. Sometimes the results come out a little wonky, but that’s what makes it fun.” Austin goes into depth about how to connect to the OpenAI API with out using an npm module, how to use the HTML Stream API, AI prompt engineering, and AI image generation. It was a fun journey!

Here is Austin’s tutorial: https://www.austingil.com/blog/ai-for-web-devs/

## Setup

```bash

gh repo clone timscodebase/ai-svelte-tiger

cd ai-svelte-tiger

pnpm install

```