Skip to content

AlarmedEwe/nlw-heat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Next Level Week Heat

Projeto React.js

Na semana do dia 17 ao dia 25 estive fazendo a NLW (Next Level Week) Heat da Rocketseat, um webinário com foco no desenvolvimento do ambiente JavaScript de uma das maiores plataformas de ensino de programação que conheço.

Admito que tenho curiosidade de fazer os Webinários do grupo desde a chamada "Semana Omnistack", mas particularmente nunca gostei muito de seguir aulas e tutoriais, tendo por preferência a leitura de fóruns, blogs e documentação. No entanto a metodologia utilizada me surpreendeu e satisfez tudo o que não costumo gostar de video-aulas.

Decidi por seguir as aulas uma vez que tenho focado meus estudos no desenvolvimento mobile com React Native e, graças a isso, tenho despertado cada vez mais interesse no ambiente JavaScript em paralelo ao ambiente .NET (com o qual trabalho).

Nessa semana, trabalhei respectivamente com:

  • Node.js para fazer uma API com validação de Token e login via GitHub;
  • React.js para desenvolver uma aplicação web que se comunica com a API enviando e recebendo dados;
  • React Native para desenvolver uma versão mobile da aplicação; e
  • Elixir, para desenvolver um analizador e gerar uma núvem com as palavras mais digitadas na aplicação.

Um detalhe pra mim foi o Elixir, já que até então nunca tinha sequer ouvido falar da linguagem e a achei super interessante e fiquei curioso para saber mais sobre ela.

Configurações do projeto

Se você desejar rodar esse projeto na sua máquina, poderá seguir os passos abaixo.

Antes de mais nada, com excessão do projeto em Elixir, todo o projeto utiliza o Node.js para ser executado, logo você precisará tê-lo instalado na sua máquina. Recomendo a versão LTS mais recente.

Junto do Node, você já terá instalado o NPM, que é o instalador de pacotes do Node. No entanto, recomendo a instalação do Yarn através do comando npm i -g yarn (se, assim como eu, você usa Linux, será necessário utilizar o comando sudo e executar o comando como root).

Node Heat ou Web

Se você seguiu certinho os passos acima, para executar o servidor node ou o projeto em React.js só precisará instalar as dependências do projeto através do comando yarn ou do comando npm i (caso tenha optado por não instalar o Yarn) e, em seguida, rodar o comando yarn dev ou o comando npm run dev do seu terminal dentro da pasta do projeto.

Mobile

Para executar o projeto em React Native, você precisará também ter na sua máquina o Expo, que pode ser instalado através do comando yarn global add expo-cli ou do comando npm i -g expo-cli.

Após isso, será necessário instalar as dependências do projeto através do comando yarn ou npm i e, em seguida, executar o comando expo start do seu terminal dentro da pasta do projeto.

Após isso, no seu terminal deverá aparecer um código QR, que você poderá escanear através do aplicativo Expo Go, disponível tanto para Android quanto para iOS.

Tags Cloud

Já para executar o projeto em Elixir, você precisará instalar na sua máquina o compilador do Elixir, o Phoenix (disponível através do comando mix archive.install hex phx_new) e do PostgreSQL.

Com essas ferramentas, você precisará instalar as dependências do projeto através do comando mix deps.get executado dentro do repositório do projeto e, finalmente, poderá executá-lo com o comando mix phx.server do seu terminal.

Screenshots

Projeto React.JS - Login Projeto React.JS - Envio de mensagens

Projeto React Native - Splash Screen Projeto React Native - Login Projeto React Native - Envio de mensagens

About

NLW (Next Level Week) Heat da Rocketseat (dia 17 ao dia 25/10/2021).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published