Este projeto explora a integração de Large Language Models (LLMs) com uma API desenvolvida em Python e uma interface frontend construída em React. O objetivo foi criar uma aplicação prática que conectasse o poder dos modelos de linguagem a uma interface intuitiva, simulando uma interação fluida entre backend e frontend.
![Simulator Screenshot 1](https://private-user-images.githubusercontent.com/31325472/401623077-f7f16960-b2db-41b6-a60c-ed07a343c949.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzU4ODgsIm5iZiI6MTczOTM3NTU4OCwicGF0aCI6Ii8zMTMyNTQ3Mi80MDE2MjMwNzctZjdmMTY5NjAtYjJkYi00MWI2LWE2MGMtZWQwN2EzNDNjOTQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDE1NTMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkwNWVhNWY1M2UwYjE2ODNkYTYxNGI2ZjQyZTE2OTA5YWMwMTZjZDA3OTJkZTEyZWI2Y2QxNDhhNmM1M2VmZjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.qenXaXGawEb5hV0FWVLejDOpRNeKhLDXpukGN1IRpPw)
![Simulator Screenshot 2](https://private-user-images.githubusercontent.com/31325472/401623107-b753af1a-6eca-45ff-8cd6-1c8872ca1907.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzU4ODgsIm5iZiI6MTczOTM3NTU4OCwicGF0aCI6Ii8zMTMyNTQ3Mi80MDE2MjMxMDctYjc1M2FmMWEtNmVjYS00NWZmLThjZDYtMWM4ODcyY2ExOTA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDE1NTMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4NzQ3Yjg0NzMzZWRlOTM5YWM3ODYxNmRlNWY4M2IyNTJjOGQ3MmQ3NjI1NjcwOGNhZDNhNWNiNzIzNjMzYTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.4w6luNcGNn90cmJv28edQn-q2D3sh1MQilzzXvhVcQE)
![Simulator Screenshot 3](https://private-user-images.githubusercontent.com/31325472/401623233-c1372b50-dab7-4d80-8b24-b80fad5b02e1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzU4ODgsIm5iZiI6MTczOTM3NTU4OCwicGF0aCI6Ii8zMTMyNTQ3Mi80MDE2MjMyMzMtYzEzNzJiNTAtZGFiNy00ZDgwLThiMjQtYjgwZmFkNWIwMmUxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDE1NTMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM5ZTViMmM4N2I1OThjZjc0NzgxNDFiZWUxYTZmNWViODk0ZjA5YTJhMjgyMzg4MzgxN2UyOWQwMGIxYzJiNGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9_z1WkOy4E-tqe1AwqQ5Ed-fiqnukevC_-YJD8vooP4)
- Interação com LLM: O backend utiliza uma API para enviar prompts ao modelo de linguagem e retornar respostas.
- Frontend dinâmico: Construído em React, o frontend apresenta uma interface responsiva para entrada e exibição das respostas.
- Fluxo otimizado: Comunicação eficiente entre backend e frontend para garantir respostas rápidas e precisas.
- Backend: Python (FastAPI)
- Frontend: React
- Comunicação: REST API
- Styling: CSS/Styled-components/Tailwind
- backend/: Contém a API Python responsável pela interação com o modelo de linguagem.
- frontend/: Contém o código React para a interface do usuário.
- assets/: Contém imagens e arquivos relacionados à aplicação.
- Python 3.8 ou superior
- Node.js 14 ou superior
- Gerenciador de pacotes (pip, npm ou yarn)
- Clone este repositório:
git clone https://github.com/seu-usuario/llm-integration.git cd llm-integration
- Inicie o backend
cd backend pip install -r requirements.txt python app.py
- Inicie o frontend
cd frontend
npm install
npm start
- Acesse o frontend http://localhost:3000 e interaja com o LLM.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.