Construa uma plataforma de mídia social com MERN Stack
⭐ ATUALIZAÇÃO DO CURSO EM ANDAMENTO..
Quem deve fazer este curso?
Se você é uma pessoa que não se importa com um framework CSS e quer aprender a criar um aplicativo full stack prático de nível empresarial usando novas tecnologias, então este curso é para você. Posso garantir que, com este aplicativo em seu currículo, você definitivamente conseguirá um ótimo emprego. Este curso NÃO É PARA INICIANTES ABSOLUTOS. Você deve ter feito pelo menos 1 projeto MERN anteriormente. Este curso é para alguém que quer sair da zona de conforto e construir um projeto que ensinará habilidades valiosas. Bem-vindo ao MERN Social Media com Socket io para bate-papo em tempo real e notificações. Este é o aplicativo MERN mais complexo que você vai criar. (Código-fonte disponível para download antes de cada seção.)
Vou explicar todas as características abaixo, mas certifique-se de verificar o vídeo de introdução, porque, não importa o quanto eu escreva, há tantas características neste aplicativo que posso perder algo. Além disso, todos os vídeos estão em 1080p, então certifique-se de ativar o modo automático nas configurações de qualidade de vídeo.
Este curso inclui:
13 horas de conteúdo em vídeo para um único aplicativo, que ficará ótimo em seu currículo.
React e NextJs (para páginas renderizadas no lado do servidor) para nosso frontend e Express com Node no backend.
Socket io para conexão em tempo real entre vários clientes para mensagens.
Criação de modelos complexos e interligados do MongoDB para armazenar as informações de usuários, mensagens que eles enviam e recebem, suas notificações, seguidores e seguidos de um usuário. Vamos armazenar tudo em nosso banco de dados.
Vamos mostrar os usuários online em nosso aplicativo para o usuário logado, assim como em qualquer grande rede social.
Bate-papo em tempo real com vários usuários. Portanto, não é necessário atualizar a página para verificar se há uma nova mensagem. Tudo vai acontecer em tempo real. Além disso, vamos reproduzir um som de notificação quando houver uma nova mensagem.
Vamos mostrar apenas as postagens dos usuários que você está seguindo. Portanto, exatamente da mesma forma que acontece em grandes redes sociais.
Vamos ter Notificações em tempo real. Sempre que alguém curtir sua postagem ou comentar em sua postagem ou começar a seguir você, uma nova notificação aparecerá.
Cortar imagens antes de fazer o upload para o Cloudinary.
Scroll infinito para trazer automaticamente as novas postagens do backend quando o usuário estiver próximo do final da página.
Semantic-UI como framework CSS.
Criação de um layout totalmente responsivo no frontend, apenas com JavaScript e sem consultas de mídia CSS. Além disso, será otimizado para renderização no lado do servidor (SSR).
Upload de fotos de perfil. Também criar postagens com fotos. Vamos armazenar todas as imagens no CLOUDINARY.
Também vamos criar um usuário root. Esse usuário pode excluir qualquer postagem ou comentário dentro do aplicativo.
Vamos exibir todas as informações sobre seus seguidores e seguidos. Certifique-se de verificar o vídeo de introdução. Falei sobre isso em detalhes lá.
Também vamos dar ao usuário a opção de atualizar a foto do perfil ou as informações do perfil. Vamos ter uma guia de configurações, onde você pode atualizar sua senha e configurações de pop-up de mensagem.
Vou ensinar você a popular campos dentro do MongoDB, também vou mostrar como interligar os modelos entre si para que não precisemos armazenar valores fixos em cada modelo.
Também vamos adicionar a funcionalidade de redefinir a senha. Vamos usar o NodeMailer e o Sendgrid para enviar o e-mail com o link para o usuário redefinir a senha.
No final, vamos implantá-lo no HEROKU.
Este é um dos projetos mais complexos que você vai criar e ficará realmente ótimo em seu currículo. Então, o que você está esperando, inscreva-se no curso e comece a aprender. Você pode me fazer todas as perguntas na seção de P&R.
O que você vai aprender
Criar um aplicativo complexo do mundo real que realmente vai te conseguir um emprego. (certifique-se de verificar o vídeo de introdução)
Construir um aplicativo de rede social complexo de pilha completa com React, NextJs (para SSR), Express com Node para o backend, MongoDb como banco de dados.
Socket io para BATE-PAPO EM TEMPO REAL com vários usuários autenticados. ARMAZENAR todas as mensagens que um usuário envia e recebe no MongoDB.
Mostrar usuários que estão ONLINE em seu aplicativo.
Receber mensagens em qualquer lugar dentro do aplicativo.
NOTIFICAÇÕES EM TEMPO REAL sempre que alguém CURTIR ou COMENTAR em suas postagens. Também quando alguém SEGUIR você.
Ver apenas as postagens de usuários que você está SEGUINDO na página inicial, assim como acontece em grandes redes sociais.
Cortar imagens antes de fazer o upload para o Cloudinary.
Criar modelos INTERLIGADOS do MongoDB para armazenar todas as INFORMAÇÕES de Usuários, MENSAGENS, NOTIFICAÇÕES. Aprenda como grandes empresas de mídia social fazem esse tipo de coisa.
Criar um usuário root para excluir qualquer postagem ou qualquer comentário que ele/ela considere inadequado.
Pesquisar usuários dentro do seu banco de dados.
Implementar facilmente o SCROLL INFINITO em seu aplicativo.
Notificações de Toast com React-Toastify.
Layout TOTALMENTE RESPONSIVO para telas de celular, tablet e desktop.
Modais para postagens.
POSTMAN para testes de API.
REDEFINIR a senha usando Sendgrid e Nodemailer.
CLOUDINARY para uploads de imagens.
Implantação no Heroku.
Código-fonte disponível para download antes de cada seção.
