 |
WAITERAPP - O APP DO GARÇOM |
Conteúdo
Sobre a aplicação
Aplicação desenvolvida durante o evento JStack, com o professor Mateus Silva.
Foram 5 dias de aula, totalizando mais de 17 horas de vídeo, desenvolvendo uma API em Node, um front-end em React e um aplicativo mobile em React Native.
A aplicação permite lançar pedidos no celular e fechar os pedidos na aplicação web. Os pedidos podem estar na situação Aguardando, Em preparação ou Finalizado.
O backend armazena os dados em um banco de dados MongoDb e interage com o front-end por meio de WebSockets.
🛠️ Tecnologias
- Back-end
- Node + Express + Typescript
- Multer para upload de imagens
- Socket.io para interação com front-end
- Mongoose + MongoDb para banco de dados
- Front-end
- React + Vite + Typescript
- Styled-Components para estilização
- Socket.io-client para interação com back-end
- React-Toastify para exibição de mensagens
- Axios para acessar a API
- Mobile
- React Native + Expo + Typescript
- Styled-Components para estilização
- Axios para acessar a API
- DotEnv para variáveis de ambiente
🚗 Iniciando a aplicação
Baixe o repositório com git clone e entre na pasta do projeto.
Renomeie os arquivos .env.example da pasta web e mobile para .env e informe o ip:porta da API.
$ git clone https://github.com/luiizsilverio/jstack-garcom- Back-end
$ cd api
$ yarn
$ yarn dev- Front-end
$ cd ..
$ cd web
$ yarn
$ yarn dev- Mobile
$ cd ..
$ cd mobile
$ yarn
$ yarn start📸 Screenshots
⚖️ Licença
Este projeto está licenciado sob a licença MIT.
📧 Contato
E-mail: luiiz.silverio@gmail.com