Cribac/openai-image-generator-vue
Archived
Watch
1
0
Fork
You've already forked openai-image-generator-vue
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
A small VueJs proof of concept app to generate OpenAi Dall.E2 images
This repository has been archived on 2026-08-02. You can view files and clone it, but you cannot make any changes to its state, such as pushing and creating new issues, pull requests or comments.
87 commits 1 branch 0 tags 788 KiB
  • TypeScript 60.9%
  • Vue 32%
  • CSS 5.5%
  • HTML 0.9%
  • Dockerfile 0.7%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Christian Bachhelm e22299f344
 v0.3.3 That's all folks
2023-09-03 14:01:02 +02:00
.vscode Initial commit 2022-12-25 15:40:09 +01:00
public Initial commit 2022-12-25 15:40:09 +01:00
screenshot Update screenshot 2023-05-12 15:03:16 +02:00
src Introduce component to display better errors. 2023-05-12 15:03:47 +02:00
tests Update home.spec 2023-07-08 00:21:32 +02:00
tests-examples Add playwright as e2e testing platform 2023-01-16 18:38:40 +01:00
.env.example Set locales in .env 2023-04-15 15:26:09 +02:00
.eslintrc.cjs Initial commit 2022-12-25 15:40:09 +01:00
.gitignore Add playwright as e2e testing platform 2023-01-16 18:38:40 +01:00
Dockerfile Add basic Dockerfile 2023-01-22 15:26:13 +01:00
env.d.ts Initial commit 2022-12-25 15:40:09 +01:00
index.html Change app title 2023-01-03 12:06:24 +01:00
package-lock.json v0.3.3 That's all folks 2023-09-03 14:01:02 +02:00
package.json v0.3.3 That's all folks 2023-09-03 14:01:02 +02:00
playwright.config.ts Disable webkit e2e tests 2023-03-05 13:40:31 +01:00
README.md v0.3.3 That's all folks 2023-09-03 14:01:02 +02:00
tsconfig.app.json Full yolo all dependencies 2023-05-29 12:13:32 +02:00
tsconfig.config.json Full yolo all dependencies 2023-05-29 12:13:32 +02:00
tsconfig.json Initial commit 2022-12-25 15:40:09 +01:00
tsconfig.vitest.json Fix tsconfig for vitest 2023-04-07 23:46:44 +02:00
vite.config.ts Move i18n handling into own plugin 2023-04-15 15:28:21 +02:00

README.md

openai-image-generator-vue

A small VueJs app to generate OpenAi Dall.E2 images.

Example Image

Setup

  • Download/clone the project

  • Get an OpenAi API Key

  • Rename .env.example file to .env and use the API key there

  • Install dependencies:

npm install

Run

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Playwright

# Install browsers for the first run
npx playwright install

# When testing on CI, must build the project first
npm run build

# Runs the end-to-end tests
npm run test:e2e
# Runs the tests only on Chromium
npm run test:e2e -- --project=chromium
# Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts
# Runs the tests in debug mode
npm run test:e2e -- --debug

Lint with ESLint

npm run lint

Run via Docker

Setup

  • Download/clone the project

  • Get an OpenAi API Key

  • Rename .env.example file to .env and use the API key there

Build image

docker build -d <image-name> .

Run

docker run -it -p 8080:80 --rm --name <container-name> <image-name>

Notes (some final)

  • Uses openai-node Api version < 4.0.0.

  • Proof-of-concept is done and I will not update this project any more. v0.3.3 ist the final one.