IA Interface 🤖

A IA interface é uma plataforma de chat inteligente e segura, desenvolvida para uso interno na empresa. Ela oferece uma interface moderna e intuitiva para interação com nosso modelo de IA customizado, baseado na tecnologia da OpenAI, além de um painel administrativo completo para gestão de acessos.

---

📜 Sobre o Projeto

O objetivo da IA Interface é centralizar a utilização de inteligência artificial na nossa organização, fornecendo uma ferramenta unificada, segura e adaptada às nossas necessidades. A plataforma foi construída com foco em uma experiência de usuário fluida e em ferramentas de administração robustas, garantindo que apenas usuários autorizados tenham acesso e que os administradores possam gerenciar a plataforma com facilidade.

---

✨ Funcionalidades Principais

• ✨ Interface de Chat Moderna: UI inspirada nas melhores plataformas do mercado, com histórico de conversa, renderização de mensagens e design responsivo.
• 👤 Gestão de Usuários Completa: Painel administrativo para criar, visualizar e gerenciar contas de usuários na plataforma.
• 🔐 Autenticação Segura: Sistema de Login e Cadastro, garantindo que apenas pessoal autorizado acesse a IA.
• 📜 Histórico de Conversas: Uma sidebar inteligente que salva e exibe o histórico de chats recentes para fácil acesso.
• 🚀 Modelo de IA Customizado: Integração direta com um modelo de linguagem próprio, construído sobre a base da API da OpenAI, para respostas mais precisas e contextualizadas ao nosso negócio.
• 🎨 Tema Dinâmico e Estilizado: Interface construída com Material-UI (MUI) e um sistema de tema customizável para consistência visual.

---

🛠️ Tecnologias Utilizadas

Tecnologia	Descrição
React.js	Biblioteca principal para a construção da interface de usuário.
Material-UI (MUI)	Suíte de componentes React para um design mais rápido e consistente.
React Pro Sidebar	Componente utilizado para a criação da sidebar customizável.
OpenAI API	Base para a comunicação com o nosso modelo próprio de inteligência artificial.
React Router	Para gerenciamento das rotas da aplicação (Login, Dashboard, Admin, etc.).

---

🚀 Como Executar o Projeto

Siga os passos abaixo para configurar e executar o projeto em seu ambiente de desenvolvimento local.

Pré-requisitos

• Node.js (versão 18.x ou superior)
• npm ou yarn

Instalação

1. Clone o repositório:

   git clone [https://github.com/GabsFadel/react-dashboard-page.git](https://github.com/GabsFadel/react-dashboard-page.git)

2. Acesse a pasta do projeto:

   cd react-dashboard-page

3. Instale as dependências:

   npm install
   # ou
   yarn install

Executando a Aplicação

1. Inicie o servidor de desenvolvimento:

   npm start
   # ou
   yarn start

2. Abra no navegador: Acesse http://localhost:3000 para ver a aplicação em execução.

---

📁 Estrutura de Pastas

A estrutura de pastas do projeto segue o padrão de aplicações React, com uma organização focada em cenas e componentes reutilizáveis.

/
├── public/
└── src/
    ├── assets/
    ├── components/   # Componentes reutilizáveis (Header, etc.)
    ├── scenes/       # Páginas principais da aplicação (dashboard, login, team, etc.)
    ├── theme/        # Arquivo de tema (theme.js)
    ├── App.js
    └── index.js

---

📄 Licença

Este projeto é inspirado em outras plataformas de IA, e foi feito com conceito de implantação e estudos, fique a vontade para estudar seu código!