HTML & CSS - Projeto Completo Réplica do Airbnb com MERN (Mongo, Express, React e Node) - Aula 4

Quer saber mais sobre o nosso Curso Completo de Full Stack? Clique no link abaixo para garantir sua vaga na próxima turma: https://lp.hashtagtreinamentos.com/full-stack/espera/impressionador?fonte=org-yt_L_CtDSQz-YM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-02-04&conversion=lesfs-abr-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-html-css-landingpage?origemurl=hashtag_yt_org_minihtmlcss_landingpage_L_CtDSQz-YM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-02-04&conversion=lesfs-abr-25 ----------------------------------------------------------------------- 🗃️ GitHub do Projeto https://github.com/fullstackjornada/hashbnb-youtube 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/full-stack/arquivo/download?id=12gm9CYeuoJAP3YdZB0w_kl8EG3Xj34nw&origemurl=hashtag_yt_org_arquivofs_L_CtDSQz-YM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-02-04&conversion=lesfs-abr-25 💻 Recomendação de vídeo: Como sair do ZERO no React em Apenas UMA AULA https://youtu.be/6hiqVVCsA_I Playlist Projeto Completo Réplica do Airbnb com MERN https://www.youtube.com/playlist?list=PLpdAy0tYrnKzswWFck3df5gL6pmRjZkK5 ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/curso-full-stack ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_L_CtDSQz-YM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-02-04&conversion=lesfs-abr-25 ----------------------------------------------------------------------- Hoje seguimos com a quarta aula do curso Full Stack, onde estamos desenvolvendo um projeto completo utilizando a poderosa stack MERN (MongoDB, Express, React e Node.js). Nessa aula, vamos criar a lógica de login e autenticação de usuários, garantindo que a aplicação funcione de forma segura e eficiente. Você vai aprender a capturar dados do formulário, manipular estados no React com useState e configurar requisições para validar os dados do usuário. Além disso, vou te ensinar como usar Axios para se comunicar com o backend e mostrar na prática como o estado no React influencia na renderização da interface, tornando a aplicação mais dinâmica e reativa. Se você quer dominar o desenvolvimento Full Stack com MERN, construir aplicações profissionais e aprimorar suas habilidades como dev, não esqueça de curtir o vídeo e se inscrever no canal para acompanhar todo o Projeto Completo da Réplica do Airbnb até o final! ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 03:01 Criando o formulário de login no React 04:32 Capturando valores do input com useState 09:29 Evento onChange para atualizar o estado 13:23 Configurando a rota de login 14:39 Criando a lógica de login e validação de usuário 22:30 Usando o Axios para comunicação com a API 26:57 Testando o login e tratando erros de autenticação 30:26 Passando dados do usuário pro header com props 37:00 Como persistir informações de usuário? 37:40 Criando um redirecionamento automático para a homepage 39:50 Redirecionando para a página do usuário 41:26 Criando a página de registro e cadastro de usuário 45:50 Conclusão, commit no GitHub e próximos passos #fullstack #htmlecss #html #css #javascript #hashtagprogramacao