Skip to content

Latest commit

 

History

History
132 lines (85 loc) · 5.02 KB

README.md

File metadata and controls

132 lines (85 loc) · 5.02 KB

Croc Show - Cardápio Online

preview do site www.crocshow.com.br

Sumário

Introdução

Croc Show é uma plataforma de cardápio online com recursos essenciais de comércio e recebimentos de pedidos pelo Whatsapp. Construído com Next 14 e Firebase, também utiliza os conceitos de SSR, CSR e SSG.

Tecnologias Usadas

NextJS  Typescript 

Ambiente de desenvolvimento

  • Virtual Studio Code - Version 1.92.1
  • GitHub Desktop - Version 3.4.3
  • Node.js - Version 20.12.2
  • Firebase

Informações técnicas

  • Utilizado Next 14 com App Router;
  • Utilizado TypeScript;
  • Feito as requisições e armazenamento no Firebase;
  • Utilizado do Firebase as funções do Firestore Database, Storage e Authentication;
  • Utilizado React Context para estado do carrinho de compras;
  • Utilizado regras e padrões do Prettier;

Snapshots

Home

Home

Produtos

Lista de produtos

Carrinho revisando pedido

Abrindo o modal do carrinho

Carrinho adicionando endereço

Adicionando o endereço para entrega

Carrinho fazendo checkout

Fazendo o checkout do pedido para whatsapp

Pedido no Whatsapp

Visualização do pedido recebido no whatsapp

Login Administrador

Tela de login do administrador

Home Administração

Home com login de administrador

Cadastro de Produtos

Cadastrando produtos

Exclusão de Produtos

Excluindo produtos

Como Executar o Projeto

Para executar o projeto siga as instruções:

  1. Clone o repositório:
git clone https://github.com/LucasDoGit/croc-show
cd croc-show
  1. Instale as dependências:
npm install
  1. Configure as chaves de acesso ao seu Firebase (considerando que você ativou o Firestore Database, Storage e Authentication)
NEXT_PUBLIC_BASE_URL=http://localhost:3000

# Firebase connection

NEXT_PUBLIC_FIREBASE_APIKEY=
NEXT_PUBLIC_AUTH_DOMAIN=
NEXT_PUBLIC_PROJECT_ID=
NEXT_PUBLIC_STORAGE_BUCKET=
NEXT_PUBLIC_MESSAGING_SENDER_ID=
NEXT_PUBLIC_APP_ID=
NEXT_PUBLIC_MEASUREMENT_ID=
  1. use o comando abaixo para iniciar o projeto e aguarde.
npm run dev
  1. Feito! O projeto deve ser iniciado e pode ser acesso usando um navegador pela url "http://localhost:3000"

Contato

Para obter mais informações, entre em contato comigo em: