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.
- 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
- 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;
Deploy feito no site Vercel (Clique para acessar):
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