PIECECORD

Tecnologias   |    Projeto   |    Deploy do Projeto   |    Como executar

🖥️ Tela de Login:

🖥️ Tela de Chat:

🖥️ Tela de Erro 404:

🖥️ Telas responsivas:

✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• ReactJS
• NextJS
• MaterialUI
• HTML5
• CSS3
• Supabase

💻 Projeto

O Piececord é um chat online inspirado no meu anime favorito, One Piece. Neste chat você pode conversar com várias pessoas de qualquer lugar e enviar stickers para animar e descontrair a conversa, foi feito para exercitar o NextJS e entender mais a fundo algumas tecnologias, por exemplo o Supabase que é um banco de dados SaaS (Software as a Service) que é bastante prático e tem diversas funcionalidades.

🚀 Deploy do Projeto

Você pode ver como o Piececord funciona através desse link.

🚀 Como executar

• Clone o repositório
• Instale o NPM
• Instale as dependências com npm install no terminal
• Crie uma conta no Supabase e crie uma tabela com o nome messages seguindo a seguinte estrtutura:

  

• Inicie o projeto com npm run dev e após isso abra o localhost:3000 no seu navegador
• Fique a vontade para explorar e testar as funcionalidades do projeto

---

Feito por Davi Mateus na Imersão React Alura 2022