Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/facuperezm/pollyglot

🦜 Translator built with Astro and OpenAI API
https://github.com/facuperezm/pollyglot

astro css html javascript openai

Last synced: 2 days ago
JSON representation

🦜 Translator built with Astro and OpenAI API

Awesome Lists containing this project

README

        

# PollyGlot Translator

![App Screenshot](/public/screenshot.png)

PollyGlot is an AI project designed to provide accurate translations. Built with HTML, CSS, and JavaScript, this project leverages Astro and integrates the latest GPT-4o model from OpenAI to deliver high-quality translation. Try it out!

## Table of Contents

- [Challenges](#challenges)
- [Tech Stack](#tech-stack)
- [Environment Variables](#environment-variables)
- [How to Download and Run the Project](#how-to-download-and-run-the-project)
- [Acknowledgements](#acknowledgements)

## Challenges

Learning to use the OpenAI API with different large language models (LLMs) has been a significant challenge and a great learning experience. Managing the temperature settings and selecting the appropriate model for different purposes has been an interesting challenge. Additionally, understanding the importance of tokens and their management has been crucial in optimizing the performance and cost-efficiency of the translations.

## Tech Stack

- HTML
- CSS
- JavaScript
- Astro

## Environment Variables

To run this project, you will need to add the following environment variable to your `.env` file:

- `OPENAI_API_KEY`

## How to Download and Run the Project

To get a local copy up and running, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/facuperezm/pollyglot.git
```
2. Navigate into the project directory:
```bash
cd pollyglot
```
3. Install the dependencies:
```bash
pnpm i
```
4. Add your `.env` file with the necessary environment variables.
5. Start the development server:
```bash
pnpm dev
```
6. Open your browser and go to `http://localhost:3000/` to view the app.

## Acknowledgements

- [Scrimba](https://scrimba.com/)
- [OpenAI](https://openai.com/)
- [Astro](https://astro.build/)

### Thanks for reading!

- [Facundo Perez Montalvo](https://facuperezm.com)

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://facuperezm.com)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/facuperezm/)
[![github](https://img.shields.io/badge/github-555?style=for-the-badge&logo=github&logoColor=white)](https://github.com/facuperezm)