/alurakut

Projeto para aprendizado e prática de React e Next.js pela Imersão React da Alura.

Primary LanguageJavaScript

Alurakut

Projeto da Imersão React da Alura para aprender e se aprofundar em conceitos de frontend e nos frameworks React e Next.js fazendo uma versão própria do Orkut, esse projeto usa componentes e styled components próprios, Hooks como useState e useEffect, APIs e CMD.

Print da Página Inicial do Site Alurakut

Progresso

  • Aula 1 - Componentes com React, Styled Components e NextJS
  • Aula 2 - React, State e o primeiro Formulário
  • Aula 3 - Hooks no React. useEffect e protocolo HTTP
  • Aula 4 - Requisições com GraphQL, BFF e AJAX!
  • Aula 5 - Sistema de Login: o desafio final

Desafios Cumpridos

  • Modificar valores da barra de ícones;
  • Adicionar um novo campo para o link da comunidade específica;
  • Passar as informações do usuário para o componente do menu;
  • Validar Campos do formulário e implementar imagens aleatórias do picsum;
  • Limitar Componente ProfileRelationsBoxWrapper para 6 itens;
  • Customizar Tema e Trocar Imagem de Fundo;
  • Fazer um README melhor;
  • Acabar o Componente usando a API do GitHub;
  • Adicionar funcionalidade ao botão de sair;
  • Fazer Scraps/Recados Funcionais;
  • Fazer campo de pesquisa Funcional;
  • Fazer Perfil Funcional;

Site em Produção

Deploy feito no site Vercel (Clique para acessar):

Deploy with Vercel

Como Usar e Comandos

Projeto criado com o comando:

$npx create-next-app --example with-styled-components with-styled-components-app
# or
$yarn create next-app --example with-styled-components with-styled-components-app

Para testar basta baixar e executar o comando:

$yarn
$yarn dev