Construí o sistema utilizando:
-
React.Js
-
Typescript
-
Vite (modules)
-
Context API
-
Nookies (para salvar o endereço)
-
Styled Components (CSS in JS)
-
React Hook Form + Yup (validações no formulário)
-
React Hot Toast (toasts - popups informativos)
-
Integração com o firebase/firestore para feedback em realtime do status do pedido. (no seu não vai funcionar porque o Café esta sem funcionarios 😥)
- pra rodar o projeto localmente, basta baixar ou clonar o repositorio e instalar as dependencias
yarn -E
-
para integrar a loja ao seu firebase, dentro da pasta src crie uma pasta chamada libs e dentro dela crie um arquivo chamado firebase.ts.
-
Dentro do arquivo firebase.ts, você deve colar suas chaves do firebase como na imagem abaixo e usar..
Aproveitei a implementação com o firestore, e criei uma pagina para gerenciar os pedidos, num modelo Kanban: a medida que o pedido evolui o status, ele avança as colunas.
