Node | Prisma | NextJS | Expo | Typescript

🔖 Resumo

Este projeto consiste no envio de comentários, comentários estes que são refletidos em tempo real na página web e também no aplicativo do projeto, além disso ainda temos a autenticação utilizando a api do github, quando alguem está autenticado é que se pode enviar os comentários.

O projeto foi desenvolvido durante a NLW-HEAT organizado pelo time da @Rocketseat, neste evento desenvolvemos uma API rest com node, uma página web com react e um app mobile (android e apple) onde todos se comunicam entre sí.

Porém no meu projeto eu fui além, utilizei tecnologias que não foram abordadas no evento (as tecnologias serão citadas mais abaixo), considere isso a "milha-extra" que a Rocketseat sempre nos incentiva a seguir!

👀 Prévia

Uma simples prévia de como o projeto está quando executado, caso queira executá-lo você mesmo em sua máquina, basta seguir para o tópico "Colocando o projeto para rodar".

💡 Tecnologias utilizadas

• Typescript
• Node
• React
• React-Native
• Expo
• Prisma

🚀 Milha extra

Foram adicionadas algumas funcionalidades extras e efeitos visuais para melhorar e tornar o projeto ainda mais intuítivo, lembrando que este projeto foi desenvolvido por mim utilizando o NEXTJS, dentre as funcionalidades extras estão:

• NextJS ao inves de react puro;
• Container docker com mysql & nodejs;
• Utilização do banco-de-dados MySQL;
• Commitlint + commitizen + husky (padronizando commits);
• Styled components melhorando experiência de desenvolvimento da estilização web & mobile;
• Toasts de avisos do sistemas usando o React Hot Toast;
• Variáveis ambiente para todo o projeto;
• Alteração na rota de listagem de comentários, agora é passado pela URL a quantidade de comentários que for desejada;
• Tratamento de erros (capturando erros com middlewares) na API;
• Tratamento de dados do request com Celebrate + Joi;

🔧 Colocando o projeto para rodar

Para colocar o projeto para rodar, basta seguir o passo a passo fornecido logo abaixo:

• 1º: Tenha o NODE e o DOCKER instalados na sua máquina;
• 2º: Faça o download deste projeto;
• 3º: Configure as variaveis de ambiente, para isso veja o tutorial em variaveis-ambiente
• 4º: No terminal, dentro do diretório da API execute os seguintes comandos:
  • yarn
  • yarn build
  • docker-compose up
  • yarn prisma migrate dev
• 6º: No terminal, dentro do diretório da WEB execute os seguintes comandos:
  • yarn
  • yarn build
  • yarn start
• 7º: Para executar o app, é necessário que você instale o EXPO no seu dispositivo mobile. Com o aplicativo instalado faça o seguinte:
• 8º: No terminal, dentro do diretório do APP mobile execute os comandos:
  • yarn;
  • yarn start;
• 9º: Agora leia o QRCode com o EXPO APP.
• 10º: Pronto tudo executando :)

❓ Rotas existentes

Para ver as rotas da API, basta acessar o arquivo Insomnia e importar-lo. Basta abrir o arquivo e copiar, então abra o Insomnia e o mesmo irá perguntar se você quer importar o conteúdo da sua área de transferência. Caso não pergunte acesse como-importar-arquivo-insomnia?.

📝 License

Este projeto esta sob a MIT license para mais detalhes.

👋 Social

Siga @EddyPBR nas redes 😉

• Instagram
• LinkedIn

Siga a @Rocketeat nas redes

• Website
• YouTube
• Instagram