Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lancemoe/openai-translator
A translator that uses OpanAI.
https://github.com/lancemoe/openai-translator
chatgpt daisyui openai pwa react tailwindcss translator translator-app vite
Last synced: about 1 month ago
JSON representation
A translator that uses OpanAI.
- Host: GitHub
- URL: https://github.com/lancemoe/openai-translator
- Owner: LanceMoe
- License: gpl-3.0
- Created: 2023-03-03T15:19:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-27T10:13:59.000Z (3 months ago)
- Last Synced: 2024-08-02T00:23:22.009Z (about 1 month ago)
- Topics: chatgpt, daisyui, openai, pwa, react, tailwindcss, translator, translator-app, vite
- Language: TypeScript
- Homepage: https://translator.lance.moe/
- Size: 622 KB
- Stars: 385
- Watchers: 6
- Forks: 54
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
- awesome-ChatGPT-repositories - openai-translator - A translator that uses OpanAI. (NLP)
README
![Cloudflare](https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)# OpenAI Translator
A translator app that uses OpenAI GPT-3 to translate between languages. It is a PWA that can be installed on your phone or desktop.
https://translator.lance.moe/
Support models:
- GPT-3.5 Turbo (ChatGPT engine)
- GPT-4
- GPT-4 Turbo
- GPT-4o
## Tech Stack
- OpenAI API
- React 18
- Vite 4
- Tailwind CSS 3
- DaisyUI 2
- Axios
- React Router 6
- React Query 4
- PWA
- Cloudflare PagesI think this project will help you learn these techniques.
If you like this project, please don't forget to give this project a star, thanks.
## Local Development
### 1. Install pnpm
Make sure that pnpm is installed on your computer. If it's not already installed, you can install it:
https://pnpm.io/installation
### 2. Download project dependencies
Navigate to the root directory of your project and run the following command to download project dependencies:
```bash
pnpm install
```### 3. Start the local server
Run the following command to start the local development server:
```bash
pnpm dev
```### 4. Open the application
Vite should automatically open your browser.
## Build the Project
### Docker Build
#### 1. Run docker build
Navigate to the root directory of your project in your command line interface and run the following command to build the Docker image:
```bash
docker build -t openai-translator-web .
```Here, `openai-translator-web` is the name you want to give to the image, and the `.` at the end indicates the current directory.
#### 2. Start the Container
Run the following command to start the container and map the port to your local machine:
```bash
docker run -p 3000:80 openai-translator-web
```Here, 3000 represents the local port you want to map to the container's 80 port. You can change this to any other port you prefer.
#### 3. Open the Application
In your browser, enter the following URL to access the application:
http://localhost:3000/
### Local Build
#### 1. Install pnpm
Make sure that pnpm is installed on your computer. If it's not already installed, you can install it:
https://pnpm.io/installation
#### 2. Download project dependencies
Navigate to the root directory of your project and run the following command to download project dependencies:
```bash
pnpm install
```#### 3. Build
Run the following command to build your project:
```bash
pnpm build
```The compiled files will be placed in the `dist` folder.
#### 4. Deploy
Now you can treat the files in the `dist` folder as a static website and deploy it on the server.
## Credit
- Inspired by https://github.com/yetone/bob-plugin-openai-translator