/alurakut

The reimagination of the social network Orkut. Was made with React.

Primary LanguageJavaScript

Alurakut - Imersão React


💻 - Preview

🎓 - Instrutores

📁💾 - Conteudos:

- Aula 01

  • Iniciamos um projeto com Create Next App;
  • Criamos components com React usando styled-components;
  • Organizamos as pastas do nosso projeto;
  • Passamos propriedades para components;
  • Fizemos deploy do seu Alurakut na Vercel.

- Aula 02

  • Entendemos o que é um SPA;
  • Conhecemos o hook useEffect;
  • Criamos formulários para cadastrar comunidade;
  • Fizemos deploy do Alurakut na Vercel.

- Aula 03

  • Aprendemos um pouco melhor sobre como funciona o protocolo HTTP;
  • Consumimos API do Github usando fetch para preencher os nossos amigos;
  • Conhecemos Promises e como lidar com o JSON;
  • Usamos o hook useEffect para lidar com código assíncrono;
  • Conhecemos o DatoCMS, o sistema de gestão de conteúdo que iremos utilizar na nossa aplicação;
  • Criamos os modelos dos conteúdos que iremos gerenciar no DatoCMS;
  • Criamos nossas comunidades pela interface do DatoCMS.

- Aula 04

  • Entendemos o que é XML e AJAX;
  • Usamos queries GraphQL para consumir os dados do DatoCMS;
  • Fizemos um BFF (Back-end For Front-end) para proteger nossos dados ao enviar dados para o servidor;
  • Criamos nossas comunidades pela interface do nosso Alurakut.

- Aula 05

  • Criamos a nossa página de Login;
  • Fizemos roteamento com Next.js;
  • Aprendemos como funciona o redirecionamento de páginas;
  • Criamos formulários com gerenciamento do estado do input;
  • Aprendemos a salvar cookies com o padrão JWT para autenticar nossa página;
  • Aprendemos a decodificar o nosso token para mostrar a nossa Home apenas para usuários autenticados;

💻 Linguagens e tecnologias utilizadas

css3 html5 javascript nodejs react git figma