Construa um Aplicativo de Clone do Facebook de Mídia Social Totalmente Avançado

Domine React JS, Node JS, Express JS e MongoDB

Neste curso abrangente, você aprenderá como construir um aplicativo de mídia social totalmente avançado que é um clone do Facebook. Ao longo do curso, você dominará as habilidades necessárias para trabalhar com React JS, Node JS, Express JS e MongoDB, além de várias outras ferramentas que serão utilizadas. Para começar, vamos nos concentrar em criar um sistema de autenticação robusto. Este sistema permitirá que os usuários se registrem, façam login e redefinam suas senhas. Além disso, implementaremos um sistema de validação usando Formik e Yup, que fornecerá mensagens de erro amigáveis e garantirá que os nomes atendam a requisitos específicos de comprimento e estejam livres de caracteres especiais. Também validaremos endereços de e-mail, senhas e datas para verificar a idade do usuário. Além disso, geraremos automaticamente nomes de usuário exclusivos para cada usuário. Outro aspecto importante do curso é a criação de um sistema de envio de e-mails. Este sistema nos permitirá enviar links de verificação e códigos de redefinição de senha para os usuários. Após o registro, os usuários receberão um link de verificação para ativar suas contas. Além disso, exploraremos como criar e-mails em HTML. O aplicativo contará com uma página inicial onde serão exibidas postagens das pessoas que você segue ou são amigos. Essas postagens serão ordenadas da mais recente para a mais antiga. Você terá a capacidade de criar postagens usando texto, emojis, fundos e imagens, assim como no Facebook. Além disso, você poderá reagir às postagens, alterar suas reações e usar o botão Curtir para curtir ou descurtir postagens. As reações serão exibidas e ordenadas, e qualquer reação que você adicionar ou remover será atualizada em tempo real, sem a necessidade de atualização da página. Além disso, você terá a opção de comentar postagens usando texto, emojis e imagens. Os comentários serão ordenados e atualizados imediatamente após o envio. Outras características do aplicativo incluem a capacidade de salvar ou desmarcar postagens, baixar imagens de postagens e excluir postagens. Também implementaremos várias validações para uploads de arquivos, como restrições de tamanho e tipo. Ao longo do curso, você aprenderá a cortar, ampliar, girar e inverter imagens usando uma ferramenta de recorte. Você também terá a opção de atualizar sua foto de capa e foto de perfil. Essas atualizações podem ser feitas usando imagens existentes ou novas, e você poderá cortar e ampliar para selecionar a parte desejada da imagem. Após o envio, uma postagem será criada automaticamente para notificar os outros que você atualizou sua foto de capa ou perfil. Além disso, você pode adicionar texto e emojis à sua foto de perfil. Cada usuário terá sua própria página de perfil, que exibirá detalhes como sua foto de capa, foto de perfil, outros nomes, biografia, emprego, local de trabalho, status de relacionamento, fotos, amigos e postagens. Você terá a capacidade de atualizar todos os seus detalhes e ver as alterações em tempo real. O curso também abordará o uso do Cloudinary, uma plataforma para fazer upload e armazenar imagens. Você ficará impressionado com as maneiras criativas pelas quais utilizamos o Cloudinary, incluindo upload, pesquisa, filtragem e obtenção de uma nova perspectiva sobre o trabalho com imagens. Além disso, implementaremos um sistema de amizade abrangente semelhante ao do Facebook. Este sistema permitirá que você adicione amigos, cancele solicitações de amizade, aceite ou exclua solicitações de amizade, desfaça amizade com usuários e siga ou deixe de seguir outros usuários. Uma página de amigos dedicada fornecerá uma visão geral de todas as suas solicitações de amizade e amigos atuais. O aplicativo contará com uma funcionalidade de pesquisa ao vivo que exibe resultados conforme você digita. Além disso, qualquer usuário em que você clicar será adicionado ao seu histórico de pesquisa, que será classificado com base nos cliques mais recentes. Para melhorar a experiência do usuário, incorporaremos carregadores de esqueleto enquanto as páginas são carregadas ou quando os dados são recuperados do backend. Vários tipos de carregadores serão utilizados em todo o aplicativo. Para garantir a segurança, implementaremos rotas protegidas. Além disso, utilizaremos a loja React Redux para criar uma loja global que pode ser acessada por todos os componentes. Também trabalharemos com cookies e tokens web JSON para armazenar temporariamente dados. Ao longo do curso, você se familiarizará com várias funções do React JS, incluindo useState, useEffect, useReducer, useRef, useCallback e ouvintes de eventos. Além disso, você aprenderá a criar hooks personalizados. Ao final deste curso, você terá construído um aplicativo de mídia social avançado totalmente funcional que se assemelha ao Facebook. Você terá dominado React JS, Node JS, Express JS e MongoDB, e adquirido experiência valiosa no trabalho com várias ferramentas e técnicas.