https://github.com/bittricky/image-generator

Simple application to generate images using Open AI based on a prompt
https://github.com/bittricky/image-generator

javascript nextjs openai react tailwind typescript

Last synced: 4 days ago
JSON representation

Simple application to generate images using Open AI based on a prompt

• Host: GitHub
• URL: https://github.com/bittricky/image-generator
• Owner: bittricky
• Created: 2024-05-03T15:35:25.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-07T23:03:14.000Z (6 months ago)
• Last Synced: 2024-05-28T16:11:24.489Z (6 months ago)
• Topics: javascript, nextjs, openai, react, tailwind, typescript
• Language: TypeScript
• Homepage:
• Size: 106 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Image Generator

> Generate an image based on the descriptions you provide using [Dall-E 3](https://openai.com/index/dall-e)

## Prerequisites

Ensure you have the following installed on your system

- Node.js: ver. 14.x or newer

- npm(Node Package Manager) or Yarn

Once you have these system dependencies installed, run the following to install the necessary packages.

```

npm install

# or

yarn install

# or

pnpm install

```

## Environment Configuration

This application utilizes [OpenAI](https://openai.com/) API to generate the images based on the description submitted. You will need an API key from the service to make successful requests.

Once you have created an account on their platform and have acquired an API key add `.env` to the root of the project directory

```

OPENAI_API_KEY=

```

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Learn More

To learn more about Next.js:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.