Skip to content

itpaulin/ecommerce-paulor

Repository files navigation

Projeto Paulo R Store 💻

Este é o repositório do meu primeiro e-commerce proporcionando prática constante, novas implementações e ideias de funcionalidades. Meu objetivo principal é criar um projeto altamente relevante, utilizando as tecnologias mais modernas e demandadas pelo mercado, a fim de adicionar autoridade ao meu currículo de desenvolvedor.

Tecnologias Utilizadas 🚀

  • React: Uma biblioteca JavaScript popular para construir interfaces de usuário interativas.

  • Next.js 13: Um framework React que oferece renderização do lado do servidor (SSR), geração estática (SSG), server actions, entre muitos outros recursos.

  • Next Auth: Biblioteca para autenticação de usuários com OAuth.

  • Postgres: Um sistema de gerenciamento de banco de dados relacional.

  • Prisma: Um ORM (Object-Relational Mapping) para Node.js e TypeScript.

  • shadcn/ui: Uma biblioteca de componentes de IU reutilizáveis e estilizáveis.

  • Tailwind CSS: Um framework CSS que oferece várias classes para utilização já pré-estilizadas.

  • API do Stripe: Uma API de pagamento popular para processar pagamentos online de forma segura.

  • Vercel: Um plataforma de hospedagem e implementação usada pra aplicações front-end e funções serverless.

Funcionalidades 📦

  • Login com o Google: Permitimos que os usuários façam login usando suas contas do Google para uma experiência de autenticação simplificada.

  • Navegação por Categorias: Os usuários podem explorar produtos por categorias, facilitando a busca e a compra.

  • Descontos em Produtos: Alguns produtos podem ter descontos especiais, permitindo aos usuários economizar em suas compras.

  • Gerenciamento do Carrinho de Compras: Os usuários podem adicionar produtos ao seu carrinho de compras, remover produtos e também modificar a quantidade de um produto no carrinho de compras conforme necessário.

  • Pagamento do Pedido com a API do Stripe: Ofereço uma experiência segura de pagamento online com a integração da API do Stripe, incluindo o uso de webhooks para processar eventos relacionados ao pagamento. Os usuários podem concluir seus pedidos com facilidade e segurança.

  • Modo Claro e Escuro: Os usuários podem escolher a luminosidade da interface de acordo com suas preferências ou como o sistema já estiver definido.

Protótipo no Figma 🎨

O projeto foi desenvolvido através de um protótipo. Ele oferece uma prévia visual de como a interface do usuário é projetada e como as diferentes funcionalidades são organizadas.

Fique à vontade para explorar e compartilhar suas opiniões sobre o design do projeto!

Como Acessar

Basta acessar o site em produção, publicado na Vercel: aqui.