An open API service indexing awesome lists of open source software.

https://github.com/luiizsilverio/app-beer-json-server

App desenvolvido em React Native que controla o consumo das mesas de um bar ou restaurante.
https://github.com/luiizsilverio/app-beer-json-server

axios expo formik json-server lottie-react-native react-native react-navigation-tabs styled-components typescript yup

Last synced: about 2 months ago
JSON representation

App desenvolvido em React Native que controla o consumo das mesas de um bar ou restaurante.

Awesome Lists containing this project

README

          



APP-BEER


## Conteúdo
* [Sobre o Projeto](#sobre-o-projeto)
* [Tecnologias](#hammer_and_wrench-tecnologias)
* [Screenshots](#camera_flash-screenshots)
* [Iniciando o Projeto](#car-Iniciando-o-projeto)
* [Licença](#balance_scale-licença)
* [Contato](#email-contato)

## Sobre o projeto
Primeira aplicação mobile 100% desenvolvida por mim, do zero, sem acompanhar vídeo ou aula, baseado apenas em minhas anotações, documentação e Google.

Desenvolvida em React Native e Typescript, controla a ocupação das mesas de um bar ou restaurante.

Permite lançar o consumo dos clientes, fechar a conta, cadastrar produtos e categorias.

Controle simples de acesso, por meio de uma senha de administrador, que dá acesso à tela de fechamento e aos cadastros.

Esta versão armazena os dados em uma API fake (Json-Server), mas tem outra versão, mais elaborada, com mais funcionalidades, tais como transferência de mesa, cadastro de complementos etc. Essa versão acessa uma [API externa](https://github.com/luiizsilverio/beer-api), desenvolvida por mim em Node, que utiliza banco de dados SQLite.

## :hammer_and_wrench: Tecnologias
* React Native
* Typescript
* Estilização dos componentes com Styled-Components
* Expo: componentes de fonte, ícones, status-bar etc.
* API fake com JSON-Server
* Controle e validação de formulários com Formik e Yup
* Animação com Lottie-react-native
* Rotas com React-navigation/native
* Acesso à API através do Axios

## :camera_flash: Screenshots








## :car: Iniciando o projeto
* Baixe e instale o ExpoGo no dispositivo (celular ou emulador)
* Baixe o repositório com ``` git clone ``` e entre na pasta do projeto.
* Informe o IP do computador no arquivo ``` src/services/api.ts ```, em ``` baseURL ```.
* Digite ``` yarn ``` no terminal, para inicializar o projeto.
* Inicie a API fake no terminal, com o comando ``` yarn server ```
* Digite ``` expo start ``` no terminal, para executar o projeto.

## :balance_scale: Licença
Este projeto está licenciado sob a [licença MIT](LICENSE).

## :email: Contato

E-mail: [**luiiz.silverio@gmail.com**](mailto:luiiz.silverio@gmail.com)