Cardápio Fácil

Esse projeto nasceu para colaborar com os comerciantes locais de comidas e bebidas, que precisam divulgar o menu de seus produtos, seja por mídias sociais ou até mesmo por códigos QR, através de um link. O Cardápio Fácil, como o nome já diz, foi projetado para ser fácil. Sua interface é bem simples e organizada, além de incluir um sistema integrado, para a busca de imagens dos produtos!

⭐ Features

• Cadastrar/Entrar com a conta do Google
• Categorias com imagem de destaque e itens
• Itens com preço e descrição
• Pesquisa de imagens integrada - via Unsplash
• Vizualizar e compartilhar link do cardápio

🎨 Interface e Design

• Layout responsivo (Mobile e Desktop)
• Estilo quadro negro

🚀 Tecnologias

1. React.JS
   • HTML
   • CSS, SASS
   • JavaScript com TypeScript
2. Realtime Database (Firebase)
3. Unsplash API

Instalação

Após clonar, na pasta do projeto siga as etapas a baixo:

1. Instale as dependências. No terminal Bash digite:

yarn

2. Crie um novo projeto no Firebase
3. Adicione o localhost no Firebase! Navegue até Authentication > Sign-in method
4. Copie as configurações do Firebase e cole dentro de um novo arquivo, chamado .env na raiz do projeto:

REACT_APP_API_KEY=xxx
REACT_APP_AUTH_DOMAIN=xxx
REACT_APP_DATABASE_URL=xxx
REACT_APP_PROJECT_ID=xxx
REACT_APP_STORAGE_BUCKET=xxx
REACT_APP_MESSAGING_SENDER_ID=xxx
REACT_APP_APP_ID=xxx

Substitua o xxx pelos dados

Execução

Para executar o projeto, digite no terminal Bash:

yarn start

Colaboradores

João Araya	Carlos Silva
UI, UX e Front-end	Agradecimentos especiais