A Sala Mágica é um projeto que desenvolvi com o objetivo de exercitar e consolidar meus conhecimentos em React.js e Firebase, sendo uma releitura completa do meu projeto Landing Page.

A plataforma funciona como uma loja online para anunciar e expor produtos de decoração destinados a salas de aula infantis e maternais, produzidos por uma única pessoa. Entre seus recursos, há a possibilidade de compartilhamento de produtos, navegação por categorias, pesquisa por título, sistema de cadastro e login de usuários, além da possibilidade de curtir produtos, solicitar encomendas personalizadas e receber notificações sobre novidades na plataforma.

• Catálogo de Produtos – Exibição organizada e intuitiva de enfeites e decorações.
• Sistema de Cadastro/Login – Permite que usuários se registrem e façam login na Sala Mágica.
• Curtidas – Usuários autenticados podem curtir produtos e visualizá-los na aba de favoritos.
• Sistema de encomendas personalizadas – Usuários cadastrados e logados na Sala Mágica podem enviar pedidos de encomendas personalizadas.
• Sistema de Notificações – Os usuários recebem alertas sobre novos produtos, atualizações de pedidos e conclusão de cadastro, mantendo-se sempre informados.
• Interface Responsiva – Layout otimizado para diferentes dispositivos.

A Sala Mágica é um projeto front-end com back-end integrado diretamente via Firebase. Algumas das práticas implementadas incluem rotas protegidas, autenticação e autorização, upload de imagens na nuvem e design responsivo.

• Front-end: React.js + Vite, Bootstrap, HTML, CSS
• Back-end: JavaScript, Node.js, Firebase
  • Banco de Dados: Cloud Firestore
  • Autenticação: Firebase Authentication

A Sala Mágica conta com dois tipos de usuários, diferenciados por roles (papéis de usuário):

• USER → Usuários comuns, possíveis clientes e visitantes da plataforma. Essas contas podem ser registradas diretamente na área de cadastro do site.
• ADMIN → Responsável pela administração dos produtos e encomendas, podendo adicionar, editar e excluir itens do catálogo e responder os pedidos de encomenda personalizadas. As contas ADMIN são criadas manualmente no Cloud Firestore e no Firebase Authentication.

Essa estrutura foi adotada para facilitar a administração dos produtos e pedidos, garantindo um gerenciamento eficiente pelo fornecedor.

Quer explorar todas as funcionalidades da Sala Mágica? Acesse o site aqui: Sala Mágica

Este projeto está licenciado sob a licença MIT.