https://github.com/kenmarcos/teck-house

🖱️ E-commerce focado em produtos eletrônicos
https://github.com/kenmarcos/teck-house

nextjs postgresql prisma react shadcn-ui stripe supabase tailwind typescript zustand

Last synced: about 1 month ago
JSON representation

🖱️ E-commerce focado em produtos eletrônicos

• Host: GitHub
• URL: https://github.com/kenmarcos/teck-house
• Owner: kenmarcos
• Created: 2023-10-20T03:54:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-28T20:01:25.000Z (about 1 year ago)
• Last Synced: 2024-04-24T09:14:10.377Z (8 months ago)
• Topics: nextjs, postgresql, prisma, react, shadcn-ui, stripe, supabase, tailwind, typescript, zustand
• Language: TypeScript
• Homepage: https://teckhouse.vercel.app
• Size: 6.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



    


       🖱️ TecK House 🖱️

    

    


        Sobre o Projeto •

        Funcionalidades •

        Layout •

        Tecnologias •

        Autor

    





    

    


    




## 🖥️ Sobre o Projeto

> Projeto desenvolvido durante o evento [Full Stack Week](https://fullstackclub.com.br/fsw/) (10/23)



    



Teck House é um e-commerce focado em produtos eletrônicos.

Com ele é possível navegar por produtos, escolher um produto desejado, gerenciar seu carrinho de compras, fazer a compra de produtos e visualizar todos os seus pedidos.

O projeto foi desenvolvido utilizando TypeScript, Next.js, React, Tailwind CSS, Prisma, banco de dados PostgreSQL, entre outras tecnologias.

Além disso, a aplicação conta com autenticação através de conta do Google e integração de pagamentos via Stripe.

## 💡 Funcionalidades

- [x] Login com Conta Google

- [x] Exibição de produtos

- [x] Desconto em produtos

- [x] Página de detalhes do produto

- [x] Gerenciamento de carrinho de compras

- [x] Pagamento de pedido com API do Stripe

- [x] Gerenciamento de pedidos realizados

## 🎨 Layout

> A aplicação tem como base o seguinte layout no [Figma](https://www.figma.com/file/yXjchWaZEP79Pu7xlZGv4H/FSW-Store?type=design&node-id=89%3A280&mode=design&t=DvUozbkbFV1d2Qbv-1)



  

  

  



## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[TypeScript](https://www.typescriptlang.org/)**

- **[React.js](https://pt-br.reactjs.org/)**

- **[Next.js](https://nextjs.org/)**

- **[Tailwind](https://tailwindcss.com/)**

- **[Shadcn UI](https://ui.shadcn.com/)**

- **[Zustand](https://docs.pmnd.rs/zustand/getting-started/introduction)**

- **[NextAuth](https://next-auth.js.org/)**

- **[Stripe](https://stripe.com/br)**

- **[Prisma](https://www.prisma.io/)**

- **[Supabase](https://supabase.com/)**

- **[PostgreSQL](https://www.postgresql.org/)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉