Este é um projeto full stack que utiliza inteligência artificial OpenAI para gerar imagens incríveis. A aplicação consiste em uma galeria de imagens geradas pela comunidade e uma página de postagem que permite que os usuários criem suas próprias imagens com um prompt ou solicitem sugestões da aplicação.
- MongoDB: banco de dados NoSQL orientado a documentos que permite armazenar dados em formato JSON;
- Express.js: framework web para o Node.js, que permite criar APIs de forma simples e rápida;
- React.js: biblioteca de interface do usuário que nos permite criar interfaces de usuário dinâmicas e reativas;
- Tailwindcss: biblioteca de CSS altamente personalizável e escalável, que permite criar interfaces de usuário modernas e estilizadas com facilidade e eficiência.
- Node.js: plataforma de execução de código JavaScript no servidor, permitindo que os desenvolvedores criem aplicativos de rede escaláveis e de alta performance;
- React Router: biblioteca para lidar com as rotas da aplicação e permitir a navegação entre as diferentes páginas;
- OpenAI: plataforma de inteligência artificial utilizada para gerar as imagens da aplicação.
Para executar o projeto localmente, você precisará instalar as seguintes dependências:
- Node.js
- MongoDB
- npm
Para configurar o projeto, siga os seguintes passos:
- Clone o repositório do GitHub: https://github.com/FranciscoCosta/VisualVortex
- Na pasta Server do projeto, crie um arquivo .env e adicione a string de conexão com o MongoDB:
- Adicione a sua API KEY da OpenAI
- Adicione a sua API KEY da OpenAI
- Abra o terminal e execute
npm install
para instalar as dependências do projeto. - Para executar o servidor, execute
npm run start
. - Para executar o cliente, abra outro terminal, vá para a pasta client e execute
npm run dev
.
MONGODB_URL=<sua-string-de-conexao>
OPENAI_API_KEY=<sua-string-de-api>
CLOUDINAY_CLOULD_NAME=<sua-string>
CLOUDINAY_API_KEY=<sua-string>
CLOUDINAY_API_SECRET=<sua-string>
O projeto está disponível online na plataforma Netlify: https://virtualvortex.netlify.app/
Você também pode se conectar com o desenvolvedor do projeto no LinkedIn: https://www.linkedin.com/in/francisco-costa-dev/
Aproveite o projeto e divirta-se criando imagens incríveis com a ajuda da inteligência artificial!