MERN Stack React, Socket io, Next.js Express, MongoDb, Nodejs

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.
• Semantic-ui-react como framework CSS.