O DSM STORE é um projeto de e-commerce que utiliza tecnologias modernas para oferecer uma experiência de compra online eficiente e segura. Desenvolvido com React e Next.js 13, o framework React, o projeto emprega Next Auth para autenticação de usuários via OAuth, Postgres como sistema de gerenciamento de banco de dados relacional e Prisma como ORM para Node.js e TypeScript.
A interface do usuário é aprimorada com a biblioteca shadcn/ui para componentes reutilizáveis e estilizáveis, enquanto o design é estilizado usando o framework CSS Tailwind. A integração da API do Stripe possibilita um sistema de pagamento online seguro, permitindo aos usuários realizar transações de forma conveniente.
- Login com o Google: Autenticação simplificada permitindo que usuários utilizem suas contas do Google;
- Navegação por Categorias: Facilita a busca e compra de produtos através da organização por categorias;
- Descontos em Produtos: Oferece descontos especiais em alguns produtos para economia do usuário;
- Gerenciamento do Carrinho de Compras: Permite adição, remoção e modificação de quantidades de produtos no carrinho de compras;
- Pagamento do Pedido com a API do Stripe: Experiência segura de pagamento online com integração da API do Stripe, incluindo o uso de webhooks para processar eventos relacionados ao pagamento;
- Funcionalidade "Meus Pedidos": Permite aos usuários acompanhar o status de pagamento e visualizar detalhes das compras realizadas.
Deploy 🚀
- React: Biblioteca JavaScript para construção de interfaces de usuário interativas;
- Next.js 13: Framework React que oferece recursos como renderização do lado do servidor (SSR) e geração estática (SSG);
- Next Auth: Biblioteca para autenticação de usuários com OAuth;
- Postgres: Sistema de gerenciamento de banco de dados relacional;
- Prisma: ORM (Object-Relational Mapping) para Node.js e TypeScript;
- shadcn/ui: Biblioteca de componentes de IU reutilizáveis e estilizáveis;
- Tailwind CSS: Framework CSS que oferece classes pré-estilizadas para facilitar o design;
- API do Stripe: Integração para processamento seguro de pagamentos online.