Drip Store (em construção)

Visão Geral

A Drip Store é um e-commerce de materiais esportivos, desenvolvido para oferecer uma experiência rápida e moderna para usuários. O design foi feito através do Figma disponibilizado no curso de Desenvolvimento Full Stack da Digital College. A loja foi construída utilizando React para o front-end, Firebase para gerenciamento de dados e autenticação, e TailwindCSS para a estilização. O foco deste projeto é criar uma interface amigável e responsiva, garantindo que os usuários possam navegar e fazer suas compras de maneira intuitiva.

Funcionalidades

• Cadastro e Login de Usuários: Autenticação utilizando o Firebase, permitindo login via e-mail, Google e Facebook.
• Gerenciamento de Carrinho de Compras: Adicione, remova e visualize produtos no carrinho.
• Filtro de Produtos: Filtre os produtos por categoria, preço e outros atributos.
• Exibição de Produtos: Lista de produtos com detalhes, incluindo imagens, descrições e preços.
• Pesquisa: Barra de pesquisa para encontrar produtos específicos de maneira rápida.
• Layout Responsivo: Totalmente otimizado para dispositivos móveis e desktops.

Tecnologias Utilizadas

• React: Biblioteca JavaScript para construção de interfaces de usuário.
• Firebase: Plataforma para autenticação de usuários e banco de dados em tempo real.
  • Firestore: Utilizado como banco de dados NoSQL para armazenar informações dos produtos e dos usuários.
  • Firebase Authentication: Para o login e registro de usuários.
  • Firebase Hosting: Hospedagem do projeto.
• TailwindCSS: Framework CSS utilitário para estilização e responsividade.
• React Router: Navegação entre as páginas da aplicação.
• React Hook Form: Gerenciamento de formulários de cadastro e login.
• React Hot Toast: Notificações.

Desafios e Aprendizados

• Autenticação: Integrar o Firebase Authentication para suportar diferentes formas de login (email, Google e Facebook) foi desafiador, especialmente ao lidar com o Facebook for Developers.
• Responsividade: Implementar um design responsivo com TailwindCSS foi um ponto de foco, garantindo que a experiência fosse fluida em diferentes dispositivos e manter o design o mais próximo possível do original.

Agradecimentos

Agradecimentos aos meus professores e monitores da Digital College.

Hospedagem do Projeto

O projeto está hospedado no Firebase Hosting, garantindo uma entrega rápida e confiável: https://dripstore-379af.web.app/