Skip to content

VisualVortex is a website that can generate images using AI , in this project i used MongoDb as my database and cloudinary to store my images , i used openai API to generate the images.

Notifications You must be signed in to change notification settings

FranciscoCosta/VisualVortex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 

Repository files navigation

VisualVortex:

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.

Tecnologias utilizadas:

  • 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:

  1. Clone o repositório do GitHub: https://github.com/FranciscoCosta/VisualVortex
  2. Na pasta Server do projeto, crie um arquivo .env e adicione a string de conexão com o MongoDB:
  3. MONGODB_URL=<sua-string-de-conexao>
  4. Adicione a sua API KEY da OpenAI
  5. OPENAI_API_KEY=<sua-string-de-api>
  6. Adicione a sua API KEY da OpenAI
  7. CLOUDINAY_CLOULD_NAME=<sua-string>
    CLOUDINAY_API_KEY=<sua-string>
    CLOUDINAY_API_SECRET=<sua-string>
  8. Abra o terminal e execute npm install para instalar as dependências do projeto.
  9. Para executar o servidor, execute npm run start.
  10. Para executar o cliente, abra outro terminal, vá para a pasta client e execute npm run dev.

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!

About

VisualVortex is a website that can generate images using AI , in this project i used MongoDb as my database and cloudinary to store my images , i used openai API to generate the images.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published