https://github.com/sonnylazuardi/colorGPT

Generating color name captured from real-world
https://github.com/sonnylazuardi/colorGPT

color copy paste plugins

Last synced: about 1 month ago
JSON representation

Generating color name captured from real-world

• Host: GitHub
• URL: https://github.com/sonnylazuardi/colorGPT
• Owner: sonnylazuardi
• Created: 2020-05-30T07:40:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-11-01T08:10:58.000Z (about 1 year ago)
• Last Synced: 2024-05-02T06:18:19.878Z (7 months ago)
• Topics: color, copy, paste, plugins
• Language: TypeScript
• Homepage: https://colorgpt.vercel.app/
• Size: 3.49 MB
• Stars: 583
• Watchers: 8
• Forks: 60
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-indo-projects - Color Copy Paste - Figma plugin copy & paste color directly from your phone's camera to design plugins. (JavaScript)

README

        
# colorGPT

[![screen](screen.png)](https://twitter.com/sonnylazuardi/status/1634821365596299264)

## How it works

It uses ChatGPT API to generate color name from color hex. By using web video API `navigator.getUserMedia`, we can capture color from real-world in real-time.

## Running Locally

Cloning the repository the local machine.

```

git clone https://github.com/sonnylazuardi/colorgpt

```

Creating a account on OpenAI to get an API key.

Go to https://platform.openai.com to make an account.

Copy your API Key and paste in the app.

Installing the dependencies.

```

pnpm i

```

### Running the application.

Then, run the application in the command line and it will be available at http://localhost:3000.

```

pnpm dev

```

## Deploy your own

Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/sonnylazuardi/colorgpt)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/sonnylazuardi/colorgpt&project-name=colorgpt&repository-name=colorgpt)