O WaiterApp é uma API direcionada para qualquer local gastronônimo como lanchonetes, bares, restaurantes etc. Projeto desenvolvido junto de uma live no Youtube com o Mateus Silva para um melhor conhecimento de seus alunos.
Será necessário ter instalado:
- Node.js LTS
- Expo para executar o emulador de Android ou IOS, podendo também executar em seu próprio telefone
- MongoDB para caso desejar criar e editar os pedidos e categorias
Será necessário que acesse cada página do projeto individualmente e execute o comando yarn install
.
Para melhor entendimento a pasta FE (Front-End) é a página web, pasta APP (Mobile) e pasta API (Back-End)
Ao utilizar o projeto deve-se trocar as rotas da aplicação nos arquivos:
\WaiterAPP\app\src\components\ProductModal\index.tsx \WaiterAPP\app\src\components\Menu\index.tsx \WaiterAPP\app\src\components\Cart\index.tsx
Para rodar a aplicação entrar no terminal na pasta API e a FE e rodar o comando yarn dev
, após isso
entre na pasta APP ainda no terminal e execute yarn start
.
Caso queira rodar a API fora do do ambiente de desenvolvimento basta executar o comendo yarn build
e
após isso yarn start
no terminal na pasta da API
As seguintes ferramentas foram usadas na construção do projeto:
Front-End
Back-End
No projeto aprendi como consumir API através do Axios, a criação de rotas através do node
, express
e multer
,
a utilizar os Hooks do React de useEffetc
e useState
, utilizar interfaces
para garantir que um objeto possua
suas propriedades e metodos e a como utilizar o Styled-Components
para ajudar na estilização e também na leitura
do código sem precisar criar um arquivo a parte para estilizar.