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!
- 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
- Layout responsivo (Mobile e Desktop)
- Estilo quadro negro
React.JS
HTML
CSS, SASS
JavaScript com TypeScript
Realtime Database (Firebase)Unsplash API
Após clonar, na pasta do projeto siga as etapas a baixo:
- Instale as dependências. No terminal Bash digite:
yarn
- Crie um novo projeto no Firebase
- Adicione o
localhostno Firebase! Navegue até Authentication > Sign-in method - Copie as configurações do Firebase e cole dentro de um novo arquivo, chamado
.envna 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
xxxpelos dados
Para executar o projeto, digite no terminal Bash:
yarn start
 |
 |
|---|---|
| João Araya | Carlos Silva |
| UI, UX e Front-end | Agradecimentos especiais |