Projeto colaborativo de uma aplicação web que permite ao usuário fazer perguntas e receber respostas da API da OpenAI, utilizando apenas HTML, CSS e JavaScript puro.
Criar uma aplicação web funcional e responsiva onde o usuário:
- Insere sua API Key
- Digita uma pergunta
- Recebe uma resposta formatada da OpenAI
- Interface simples e semântica
- Estilos responsivos e feedback visual (loading, erro)
- Integração com a API da OpenAI via
fetch() - Organização modular por arquivos:
index.html,style.css,script.js
| Pessoa | Função | Responsabilidades |
|---|---|---|
| 1 | HTML Master | Estrutura da página (index.html) |
| 2 | CSS Designer | Layout geral e responsividade (style.css) |
| 3 | CSS UI/UX | Estilos de feedback visual (style.css) |
| 4 | JS DOM Handler | Manipulação de elementos e eventos (script.js) |
| 5 | JS API Integrador | Requisição à API da OpenAI (script.js) |
| 6 | Git Manager | Organização do repositório e branches |
projeto-ia/
├── index.html ← Estrutura HTML da aplicação
├── style.css ← Estilos visuais e responsividade
└── script.js ← Lógica DOM + integração com OpenAI
- Clone o repositório:
git clone https://github.com/seu-usuario/projeto-ia.git
- Abra o arquivo
index.htmlno navegador. - Insira uma API Key válida da OpenAI.
- Digite sua pergunta e clique em Perguntar.