Descrição
Projeto React.js & Firebase - Projeto ReactJS 18, Firebase 9
Projeto de Portfólio React.js e Firebase
Construa um clone de um corretor imobiliário usando React.js 18, Firebase 9 e Tailwind CSS 3.
Visão geral do curso
Bem-vindo ao novo projeto React.js 18 e Firebase 9! Neste curso, você aprenderá como construir um clone de um corretor imobiliário usando React.js 18, Firebase 9, Tailwind CSS 3 e React Router 6. Este curso foi projetado para ensinar os fundamentos do React.js, Firebase e Tailwind CSS enquanto cria um site imobiliário.
Neste projeto, criaremos uma nova seção de listagem impressionante, categorias personalizadas, design responsivo, cartões de listagem, páginas de aluguel e venda e, o mais importante, páginas de listagem com um mapa e um slider de imagens. Ao construir este aplicativo imobiliário totalmente funcional, você adquirirá o conhecimento necessário para construir qualquer site que utilize operações CRUD, incluindo criar, ler, atualizar e excluir, no React.js usando o banco de dados Firebase Firestore.
Você também aprenderá a autenticação do Firebase para autenticação completa do usuário, incluindo cadastro e login usando nome de usuário e senha, além do Google oAuth. Além disso, adicionaremos uma funcionalidade de redefinição de senha usando a autenticação do Firebase para permitir que os usuários redefinam suas senhas.
Ao longo do curso, você trabalhará com tecnologias em alta demanda, como React.js, Firebase e Tailwind CSS, além de outras dependências como Leaflet e Swiper.js. Usaremos pacotes Leaflet para adicionar um mapa e a API de geolocalização do Google para converter endereços em valores de latitude e longitude. O Swiper.js será usado para criar um incrível slider de imagens e o pacote React Toastify será usado para criar notificações personalizadas.
Como parte da construção de um site moderno, você criará um belo componente de spinner para efeitos de carregamento. Você também aprenderá a criar componentes reutilizáveis, como cartões de listagem, e implementar uma estrutura de arquivos e pastas para o seu projeto React.js. Eventos importantes do React, como onChange e onSubmit, serão abordados, assim como os hooks do React, como useEffect e useState para gerenciamento de estado e busca de dados no banco de dados Firestore.
Além disso, você aprenderá a criar rotas, obter parâmetros e redirecionar usando o React Router versão 6. Rotas privadas e hooks personalizados serão implementados para proteger páginas importantes, como a página de perfil do usuário. A estilização do projeto usando o Tailwind CSS versão 3 também será abordada.
Por fim, você aprenderá como implantar o site no Vercel, permitindo que você o compartilhe com outras pessoas ou o exiba em seu portfólio. Os pré-requisitos para este curso são conhecimentos básicos de HTML, CSS e JavaScript.
Instrutor
Meu nome é Sahand e tenho mais de 15 anos de experiência em programação. Serei seu instrutor ao longo deste curso e estarei disponível para responder a quaisquer perguntas que você possa ter na seção de comentários.
O que você aprenderá
- Criar um projeto React.js do zero
- Usar autenticação Firebase para autenticação completa
- Usar o Firebase Firestore para armazenar e buscar dados
- Aprender a cadastrar/entrar usuários usando nome de usuário/senha e Google oAuth usando autenticação Firebase
- Adicionar funcionalidade de redefinição de senha usando autenticação Firebase
- Trabalhar com as versões mais recentes como React.js 18, Firebase 9 e Tailwind CSS 3
- Aprender operações CRUD, incluindo criar, ler, atualizar e excluir usando o Firebase Firestore
- Aprender o React Router versão 6 para criar rotas, obter parâmetros e redirecionar
- Criar páginas e rotas em um projeto React
- Usar o React Toastify para criar notificações agradáveis
- Criar rotas privadas e hooks personalizados para proteger a página de perfil do usuário
- Criar um spinner e carregador bonitos
- Aprender importantes ouvintes de eventos do React, como onChange e onSubmit
- Criar componentes reutilizáveis, como cartões de listagem
- Criar um slider de imagens usando a versão mais recente do Swiper.js
- Adicionar um mapa à página usando os pacotes Leaflet e React Leaflet
- Aprender como implantar no Vercel
- Aprender a API de geolocalização do Google e como converter endereço em latitude e longitude
- Aprender a usar o Tailwind CSS 3 para estilizar um projeto React
- Aprender os hooks useEffect e useState do React para gerenciamento de estado
Estimar frete
Payment & Security
Featured collection
![Curso de Angular e NodeJS - O Guia da Pilha MEAN [Edição 2023] - IBRATH Instituto Brasileiro de Terapias Holísticas teste011020230809](http://enciclopedia.paginasdabiblia.com/cdn/shop/products/a19556.png?v=1699935448&width=1024)
![Curso de Docker & Kubernetes: O Guia Prático [Edição 2023] - IBRATH Instituto Brasileiro de Terapias Holísticas teste011020230809](http://enciclopedia.paginasdabiblia.com/cdn/shop/products/a19570.png?v=1699935525&width=1024)
Dúvidas Gerais
Após a confirmação do pagamento, você receberá um e-mail com todas as instruções para acessar seus cursos. O e-mail incluirá um link para a plataforma de ensino, onde você poderá fazer login utilizando suas credenciais cadastradas no momento da compra. Caso seja um curso em formato de arquivo para download, o mesmo estará disponível na área do aluno e poderá ser acessado diretamente pelo link enviado. Se você não receber o e-mail de acesso em até 24 horas, verifique sua caixa de spam ou entre em contato com nossa equipe pelo e-mail suporte@amentil.com.br.
Após a confirmação do pagamento, seu pedido será processado e enviado para o endereço cadastrado. Você receberá um e-mail com os detalhes do envio, incluindo o código de rastreamento para acompanhar a entrega. Trabalhamos com transportadoras confiáveis e os prazos variam de acordo com o método de envio escolhido e sua localização. É importante garantir que o endereço de entrega esteja correto para evitar atrasos. Caso tenha dúvidas ou problemas com a entrega, nossa equipe de suporte está à disposição pelo e-mail suporte@amentil.com.br.
Você pode tirar dúvidas diretamente com nossa equipe de suporte por diversos canais:
- E-mail: Envie sua pergunta para suporte@amentil.com.br, e nossa equipe responderá em até 2 dias úteis.
- Telefone: Ligue para +55 (48) 1234-5678, disponível de segunda a sexta, das 9h às 18h.
- WhatsApp: Envie uma mensagem para +55 (48) 91265-4321 e receba atendimento rápido e prático.
- Formulário de Contato: Preencha o formulário disponível em nosso site na página Contato.
- Redes Sociais: Você também pode enviar suas dúvidas pelo Instagram ou Facebook em @amentil.sa.
Estamos sempre prontos para ajudar!
Reembolso e garantias
O prazo de reembolso pode variar dependendo da forma de pagamento utilizada:
- Cartão de Crédito: O estorno será realizado em até 7 dias úteis após a aprovação do reembolso, mas o crédito poderá aparecer na sua fatura em um prazo de 30 a 60 dias, conforme a política da operadora do cartão.
- Boleto Bancário ou Transferência: O valor será devolvido via depósito em conta bancária em até 7 dias úteis após a aprovação do reembolso.
Você pode solicitar a devolução de produtos físicos seguindo o passo a passo abaixo:
- Entre em contato com nosso suporte:
- Aguarde nossa resposta:
Nossa equipe analisará sua solicitação em até 3 dias úteis e fornecerá as instruções detalhadas para a devolução. - Prepare o produto:
- Envie o produto:
- Reembolso ou troca:
Nosso compromisso é fornecer uma experiência confiável e segura ao acessar nossa enciclopédia online. Garantimos a qualidade dos serviços e funcionalidades oferecidos, seguindo as condições descritas abaixo:
1. Garantia de Acesso
- Disponibilidade: Oferecemos garantia de disponibilidade da enciclopédia online 24 horas por dia, 7 dias por semana, exceto durante períodos programados de manutenção ou por problemas técnicos fora do nosso controle.
- Resolução de Problemas: Em caso de interrupções no serviço, nossa equipe técnica atuará para restaurar o acesso no menor tempo possível.
2. Garantia de Conteúdo
- Precisão e Atualização: Todo o conteúdo disponibilizado é cuidadosamente revisado para garantir precisão e relevância. No entanto, a enciclopédia online é constantemente atualizada, e não podemos garantir a exatidão absoluta em casos de informações sujeitas a mudanças rápidas.
- Correção de Erros: Caso identifique erros ou inconsistências no conteúdo, você pode nos informar pelo e-mail conteudo@amentil.com.br, e faremos a análise e correção, se necessário.
3. Garantia de Segurança
- Proteção de Dados: Utilizamos tecnologias avançadas para proteger suas informações pessoais e garantir que sua navegação na enciclopédia seja segura.
- Privacidade: Todos os dados coletados seguem as diretrizes da nossa Política de Privacidade.
4. Garantia de Reembolso
Para assinaturas da enciclopédia online:
- Direito de Arrependimento: Você pode solicitar o cancelamento e reembolso integral em até 7 dias corridos após a compra, desde que não tenha acessado conteúdos pagos da plataforma.
- Problemas Técnicos: Caso não consiga acessar os conteúdos devido a falhas técnicas imputáveis à plataforma, garantimos suporte prioritário e, se o problema não for resolvido, você pode solicitar reembolso proporcional ao período não utilizado.
5. Limitações
- Conexão à Internet: Não garantimos acesso à enciclopédia em situações de instabilidade ou falhas na conexão de internet do usuário.
- Uso Indevido: O acesso e uso da enciclopédia são pessoais e intransferíveis. O compartilhamento de credenciais pode resultar na suspensão ou cancelamento da assinatura sem reembolso.
6. Contato para Garantias
Caso precise de suporte ou queira exercer algum direito de garantia, entre em contato conosco:
- E-mail: suporte@amentil.com.br
- Telefone: +55 (48) 1234-5678
- Horário de atendimento: Segunda a sexta, das 9h às 18h.