Giter VIP home page Giter VIP logo

aluracord's Introduction

📱 Servidores da Discórdia

📟 Aluracord - Imersão React

Agregador de projetos Aluracord realizados durante a última edição da Imersão React da Alura.

A principal funcionalidade é a possibilidade de enviar mensagem para servidores de outros participantes da Imersão direto nessa página.

✔️ Funcionalidades

Telas

  • Login com usuário do GitHub (sem autenticação)
  • Servidor de mensagens (chat estilo Discord)
  • Servidores de mensagens de outros participantes da imersão
  • Cadastro de novos servidores de mensagens

Mensagens

  • Envio com enter
  • Envio com Botão
  • Exclusão (apenas autor)
  • Stickers
  • Texto sanitizado
  • Markdown
  • Links destacados
  • Links abrem em nova aba do navegador

Computação sem servidor

  • Hospedagem com ISR - Regeneração Estática Incremental (Next.js/Vercel)
  • Mensagens e lista de servidores (PostgreSQL/Supabase)

👁️‍🗨️ Visite aqui

discordia-gamma.vercel.app

🤖 Adicionando o seu servidor ao projeto

Clique no botão ➕ dentro do sistema.
Então informe o Nome, o endereço do seu servidor, uma imagem (gif fica mais legal) e marque a opção sobre identificação do usuário via useRouter().query.

⌨️ Implemente o seu próprio agregador de servidores

  • Clone esse repositório.
  • Crie seu projeto no Supabase.
  • Preencha seu arquivo .env na raiz do projeto com os dados do projeto no Supabase.
NEXT_PUBLIC_APP_NAME = App_Name
NEXT_PUBLIC_SUPABASE_URL = https://example.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY = exemple-Y3MiwiZXhwIjoxOTU4OTgwNjc
  • Crie duas tabelas no banco de dados do Supabase com os seguintes campos:
Nome da tabela 1: messages
Campos - Tipos:
id - int8
created_at - timestamptz
de - text
texto - text
Nome da tabela 2: servers
Campos - Tipos -
id - int8
created_at - timestamptz
name - text
url - text
imgSrc - text
autoUser - bool
sequence - int2
  • Crie seu projeto na Vercel vinculando com seu repositório no GitHub.
  • Adicione as variáveis de ambiente dentro do seu projeto na Vercel.
  • Faça deploy do seu projeto na Vercel.
  • Por fim, se quiser, ajude a melhorar esse projeto.

aluracord's People

Contributors

aprendendofelipe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.