🌟 Gênio dos Desejos - React App ✨

Bem-vindo ao Gênio dos Desejos! 🎉 Esta é uma aplicação interativa desenvolvida em React que utiliza a IA da API Cohere para responder aos desejos dos usuários com frases engraçadas. Este projeto demonstra habilidades avançadas em React, integração de APIs e boas práticas de desenvolvimento frontend. 🚀

📑 Índice

1. Visão Geral
2. Objetivo do Projeto
3. Tecnologias Utilizadas
4. Instalação e Configuração
5. Funcionalidades
6. Arquitetura do Projeto
7. Contribuição
8. Contato
9. Licença

🌐 Visão Geral

O Gênio dos Desejos é uma aplicação web que permite aos usuários digitarem seus desejos e receberem respostas engraçadas geradas pela IA da API Cohere. 🌈 Este projeto foi desenvolvido para demonstrar habilidades de frontend e integração com serviços de IA.

🎯 Objetivo do Projeto

O principal objetivo deste projeto é criar uma experiência de usuário envolvente que utilize animações suaves e uma navegação intuitiva, destacando a capacidade de integrar APIs de terceiros em aplicações React. 💡

💻 Tecnologias Utilizadas

• React ⚛️
• Vite 🛠
• Cohere API 🤖
• JavaScript (ES6+) 📝
• HTML5 🌐
• CSS3 / SCSS 🎨

⚙️ Instalação e Configuração

Pré-requisitos

• Node.js (versão LTS recomendada)
• npm ou yarn

Passos para Instalação

1. Clone este repositório:

   git clone https://github.com/seu-usuario/genio-dos-desejos.git

2. Navegue até o diretório do projeto:

cd genio-dos-desejos

3. Instale as dependências do projeto:

npm install

4. Crie um arquivo .env.local na raiz do projeto e adicione sua chave da API da Cohere:

env
VITE_COHERE_API_KEY=SUA_CHAVE_DE_API_AQUI

5. Inicie o servidor de desenvolvimento:

npm run dev

6. Abra o navegador e acesse http://localhost:3000 para ver a aplicação em ação.

🚀 Funcionalidades

• Entrada de Desejos: Os usuários podem digitar seus desejos em um campo de entrada. 🎤

• Geração de Respostas:A aplicação usa a IA da Cohere para gerar respostas engraçadas aos desejos dos usuários. 🤣

• Animações Suaves:Elementos da interface possuem animações suaves para melhorar a experiência do usuário. ✨

• Navegação Intuitiva:Estrutura clara e navegável,facilitando a interação dos usuários. 🔍

🏗 Arquitetura do Projeto

 genio-dos-desejos/
├── node_modules/
├── public/
├── src/
│   ├── assets/
│   │   ├── Img/
│   │   │   ├── GenioDaLampada.png
│   │   │   ├── LampadaMagica.png
│   │   ├── styles/
│   │   │   └── app.scss
│   ├── components/
│   │   ├── Header.jsx
│   │   ├── Hero.jsx
│   │   ├── Genie.jsx
│   │   ├── Footer.jsx
│   ├── App.jsx
│   ├── main.jsx
├── .env
├── package.json
├── vite.config.js
└── index.html

Componentes Principais

• Header.jsx: Componente do cabeçalho da aplicação. 🏷

• Hero.jsx: Componente da seção hero com uma chamada para ação. 📢

• Genie.jsx: Componente principal que lida com a entrada do desejo e a integração com a API Cohere. 🧞‍♂️

• Footer.jsx: Componente do rodapé com informações de contato e redes sociais. 📱

🤝 Contribuição

Agradecimentos especiais ao Vai na WEB e aos mentores que contribuíram com ideias iniciais para o projeto, incluindo um teste de uso do useState, além de sugestões e feedbacks valiosos que me desafiaram a melhorar continuamente. Este projeto foi desenvolvido por mim, com o auxílio do Copilot, uma inteligência artificial da Microsoft, que me ajudou a acelerar o desenvolvimento e trazer inovação ao projeto.

📞 Contato

Para mais informações sobre este projeto, entre em contato com:

Renato Filho ✍️

Email: renatoservicesti@gmail.com ✉️

LinkedIn: www.linkedin.com/in/renato-filho-devandtech🔗

🌟 Nota para Recrutadores: Este projeto foi desenvolvido com muita dedicação e entusiasmo para demonstrar minhas habilidades em React e integração com APIs de IA. Estou em busca de novas oportunidades para crescer e contribuir com minhas habilidades. Agradeço pela sua consideração e estou disponível para conversar sobre qualquer vaga que possa se encaixar com meu perfil.

📜 Licença

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes. 📄