Um projeto desenvolvido em React.js que utiliza a API da OpenAI para analisar trechos de código, identificar intenções maliciosas e fornecer um relatório detalhado em português do Brasil.
Este projeto está hospedado e acessível pelo link: ai-code-analyser-two.vercel.app
Este projeto foi criado para fornecer uma ferramenta prática e educativa de análise de código com foco em segurança cibernética. Ele permite que os usuários insiram trechos de código e recebam um relatório técnico sobre vulnerabilidades, intenções maliciosas e sugestões de mitigação.
- Entrada de código: Interface amigável para inserir trechos de código.
- Análise de segurança: Conexão com a API da OpenAI para análise detalhada.
- Relatório estruturado: Respostas formatadas em HTML com classes para estilização.
- Feedback claro: Identificação de possíveis ameaças, vulnerabilidades e melhorias.
Certifique-se de ter as seguintes ferramentas instaladas:
- React.js: Biblioteca para construção da interface.
- Vite: Ferramenta de build rápida para desenvolvimento.
- styled-components: Estilização de componentes no React.
- react-icons: Ícones para melhorar a interface.
- OpenAI API: Modelo de IA para análise de código.
-
Clone este repositório:
git clone https://github.com/seu-usuario/analisador-codigo-malicioso.git cd analisador-codigo-malicioso
-
Instale as dependências:
npm install
-
Crie um arquivo
.env
na raiz do projeto e adicione sua chave de API da OpenAI:VITE_OPENAI_API_KEY=sua-chave-aqui
-
Inicie o servidor de desenvolvimento:
npm run dev
-
Acesse o projeto no navegador:
http://localhost:5173
- Cole o código que deseja analisar no campo de entrada.
- Clique em "Analisar Código".
- Aguarde a análise enquanto o botão exibe um ícone de carregamento.
- Veja o relatório detalhado gerado abaixo do botão.
.
├── public/ # Arquivos públicos
├── src/ # Código-fonte
│ ├── pages/ # Páginas principais
│ │ ├── Home.jsx # Página inicial
│ │ ├── styles.js # Estilos da página inicial
│ ├── services/ # Serviços (API)
│ │ ├── api.js # Integração com a API da OpenAI
│ ├── styles/ # Estilos globais
│ │ ├── GlobalStyles.js # Estilos globais
│ ├── App.jsx # Componente principal
│ ├── main.jsx # Ponto de entrada do React
├── .env # Variáveis de ambiente (não versionado)
├── .gitignore # Arquivos e pastas ignorados pelo Git
├── package.json # Configurações do projeto
- Relatório Estruturado:
- O relatório é gerado em HTML com classes específicas para fácil estilização.
- Tópicos incluem:
- Descrição Geral
- Detecção de Intenções Maliciosas
- Análise de Vulnerabilidades
- Recomendações de Mitigação
- Conclusão
- Proteção da Chave da API:
- Certifique-se de que o arquivo
.env
não seja incluído no Git (.gitignore
).
- Certifique-se de que o arquivo
- Validação de Entrada:
- O código inserido é enviado diretamente à OpenAI para análise.
- Desenvolvedor: Victor Oliveira
- Universidade Federal de Viçosa
- GitHub: @victoralves08
- LinkedIn: Victor Oliveira