Essa aplicação é um Chat IA App que permite aos usuários interagirem com a IA do Google Gemini para tirar dúvidas e fazer perguntas. A interface é projetada para ser dinâmica e interativa, proporcionando uma experiência de usuário agradável e eficiente.
As tecnologias usadas nesse projeto.
- Vite versão 5.3.3: Ferramenta de build e desenvolvimento rápido que oferece uma experiência de desenvolvimento ágil e moderna.
- React versão 18.3.1: Biblioteca JavaScript para construção de interfaces de usuário baseadas em componentes.
- Axios versão 1.7.2: Cliente HTTP baseado em promessas para o navegador e Node.js, utilizado para fazer requisições à API.
- tanstack/react-query versão 5.51.9: Biblioteca para gerenciamento de estado assíncrono no React, facilitando a manipulação de dados remotos.
- Typescript versão 5.5.3: Superconjunto tipado de JavaScript que melhora a manutenção e escalabilidade do código.
- TailwindCSS versão 3.4.6: Framework utilitário de CSS para estilização rápida e eficiente com classes utilitárias.
- shadcn/ui @latest: Conjunto de componentes de UI reutilizáveis que ajudam a construir interfaces consistentes e acessíveis.
*Para instalar e executar o projeto localmente, siga estas etapas:
- Clone o repositório:
git clone https://github.com/rasta-slaine/Chat_IA_React.git cd Chat_IA_React - Instale as dependências
npm install
- To run the project.
- npm run dev
As features do aplicativo são:
- Interface dinâmica e interativa: Interface amigável e responsiva que se adapta a diferentes tamanhos de tela, proporcionando uma experiência de usuário agradável.
- Carregamento com Skeleton: Exibe esqueletos durante o carregamento dos dados para melhorar a percepção de desempenho e fornecer feedback visual imediato.
- Fazer perguntas: Permite que os usuários façam perguntas à IA do Google Gemini, obtendo respostas rápidas e precisas para suas dúvidas.
- Resposta dinâmica: Respostas instantâneas e dinâmicas da IA, proporcionando uma experiência de conversa fluida e contínua.
- Design moderno: Utiliza TailwindCSS para criar um design limpo, moderno e esteticamente agradável, com foco na usabilidade.
- Histórico de conversas: Permite que os usuários visualizem suas conversas anteriores com a IA, facilitando a referência e o acompanhamento das interações.
- Suporte a múltiplos idiomas: A aplicação suporta múltiplos idiomas, permitindo que usuários de diferentes regiões interajam com a IA em seu idioma nativo.
- Notificações em tempo real: Receba notificações em tempo real para novas respostas ou atualizações importantes dentro da aplicação.
- Nathan Das Chagas Santos