Skip to content

mvpconsultorialtda/events-app-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Projeto: Eventos APP

Bem-vindo ao repositório do projeto "Eventos APP"! Neste projeto, foi desenvolvido uma aplicação de apoios a Eventos com chat em grupo em tempo real, utilizando algumas das tecnologias mais modernas e eficientes do mercado. O objetivo é fornecer uma interface de usuário interativa e amigável com React, enquanto o Firebase gerencia o back-end, incluindo autenticação e armazenamento de dados.

🛠️ Tecnologias Utilizadas

  • React: Biblioteca JavaScript para construir interfaces de usuário, focada em criar componentes reutilizáveis e eficientes.
  • Firebase: Plataforma do Google que oferece diversas funcionalidades, como autenticação e banco de dados em tempo real, facilitando o desenvolvimento de back-end.
  • Google Authentication: Sistema de autenticação via conta Google, permitindo que os usuários façam login de forma rápida e segura.
  • Styled-Components: Biblioteca para estilização em React, permitindo que os estilos sejam escritos diretamente nos componentes, tornando o código mais modular e fácil de manter.
  • React-Icons: Coleção de ícones populares para React, proporcionando ícones de alta qualidade com facilidade de uso.
  • SweetAlert2 (Swal): Biblioteca JavaScript para criar diálogos personalizados e atraentes, utilizada para melhorar a experiência do usuário com mensagens e confirmações estilizadas.

📚 Funcionalidades do Projeto

  1. Autenticação de Usuário:
  • Implementação do Google Authentication para login seguro.
  • Interface de login com opção de autenticação rápida usando contas do Google.
  1. Chat em Grupo em Tempo Real:
  • Interface de chat intuitiva com suporte a múltiplos usuários simultâneos.
  • Exibição de mensagens com o nome do usuário, utilizando dados da autenticação Google.
  1. Design Responsivo e Estilizado:
  • Styled-Components para criar uma interface moderna e responsiva.
  • Uso de React-Icons para adicionar ícones ao chat, melhorando a experiência do usuário.
  1. Experiência de Usuário Otimizada:
  • Envio de mensagens com teclado ou botão de envio.
  • Exibição de histórico de chat, mantendo o estado entre as sessões do usuário.
  1. Diálogos Personalizados:
  • Utilização do SweetAlert2 (Swal) para criar mensagens e alertas personalizados.
  1. Listagem e Criação de Eventos:
  • Listagem de Eventos criados por Usuários logados.
  • Criação de Eventos por Usuários logados.
  1. Apoio de Eventos:
  • Funcionalidade de apoiar eventos com dinheiro da carteira.

🌐 Acesso ao Projeto

O projeto foi publicado e está disponível para acesso em: Chat App - Vercel

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published