Aluracord - Imersão React

Sobre

Este projeto foi criado durante a imersão React da Alura, foram 5 dias de imersão. Apesar de ter conhecimento do conteúdo apresentado na imersão, decidi participar para continuar praticando e aprimorar o meu conhecimento em React. Está imersão da Alura possibilitou com que diversos desenvolvedores, tanto iniciantes quando experientes na area se reunissem criando uma grande variação de projetos.

Ferramentas

Foram utilizadas varias ferramentas e bibliotecas para criar este projeto, as principais são:

React
NextJS
Typescript
Styled-Components
Supabase-js

Desenvolvimento

Supabase

Crie sua conta na Supabase

Para poder abrir este projeto em modo de desenvolvimento, você irá precisar criar uma conta na Supabase.

Crie seu projeto

Você precisará criar um projeto no Supabase

Variaveis de ambiente

Você terá que trocar as variaveis de ambiente em .env pela as suas recebidas no Supabase.

Adicione também uma chave aleatória em APPLICATION_SECRET, foi implementado um sistema de autenticação simples e este código é necessario para gerar o JWT

Crie as tabelas no banco de dados

Você terá que criar duas tabelas no banco de dados, uma para usuários e outra para mensagens.

Os nomes das tabelas devem ser 'users' e 'messages'

Tables

messages {
  id: int8;
  author: foreign key relation (users);
  date?: timestamptz;
  message: text;
  message_type: varchar;
  reply?: int8;
  edited?: boolean;
};

users {
  id: int8;
  name?: varchar;
  username: varchar;
  bio?: text;
  location?: varchar;
  createdAt: timestampz;
  publicRepos: int8;
  followers: int8;
  following: int8;
  joinedAt?: timestampz;
};

Pronto, agora você pode desenvolver!

Você precisará apenas de uma IDE com suporte á Typescript, recomendo utilizar o Visual Studio Code.

Cristian-Sknz/Aluracord