Este projeto está sendo desenvolvido com o objetivo de criar um aplicativo mobile moderno e escalável para gestão de comanda digital em restaurantes e bares. Durante o desenvolvimento, estamos utilizando tecnologias robustas para garantir uma experiência de usuário fluida e intuitiva. O aplicativo é baseado no Ionic, Angular e TypeScript, e utiliza o Firebase para autenticação e persistência de dados.
- Sobre o Projeto
- Pré-requisitos
- Instalação
- Estrutura do Projeto
- Tecnologias Utilizadas
- Contribuição
- Licença
- Contato
Este projeto é um aplicativo mobile desenvolvido utilizando o framework Ionic junto com Angular e TypeScript. O objetivo principal é criar um app de alto desempenho e design moderno, utilizando Firebase para gerenciamento de autenticação e banco de dados em tempo real.
A aplicação faz uso do Ionic Framework para fornecer uma UI responsiva e adaptável a diferentes dispositivos. O Firebase Authentication é utilizado para login seguro, e o Cloud Firestore para armazenamento e sincronização de dados em tempo real.
Antes de começar, certifique-se de ter o seguinte instalado:
- Node.js (versão 16 ou superior)
- Git (necessário para controle de versão)
- WSL (recomendado, especialmente no Windows)
- Editor de código, como Visual Studio Code
- Ionic CLI (para gerenciamento do projeto Ionic)
- Angular CLI (para desenvolvimento em Angular)
- Conta no Firebase para autenticação e banco de dados
-
Clone o repositório:
git clone https://github.com/Viniddev/mobile_app.git
-
Instale o Ionic CLI e Angular CLI globalmente:
npm install -g @ionic/cli npm install -g @angular/cli
-
Entre na pasta do projeto e instale as dependências:
cd mobile_app npm install
-
Configure as credenciais do Firebase:
- Acesse o Firebase Console
- Crie um novo projeto e adicione um app web
- Copie a configuração do Firebase e insira no arquivo
src/environments/environment.ts
-
Inicie o servidor de desenvolvimento:
ionic serve
-
Criação da estrutura do Ionic + Angular:
ionic start ionic_app blank --type=angular
-
Adicionando Firebase ao projeto:
npm install firebase @angular/fire
-
Rodando o aplicativo em um emulador ou dispositivo:
ionic capacitor add android ionic capacitor add ios ionic capacitor run android
Caso esteja utilizando um dispositivo físico, é necessário ativar a Depuração USB.
- Ionic Framework: Framework para desenvolvimento híbrido
- Angular: Framework baseado em TypeScript para construção do front-end
- Firebase: Plataforma para autenticação e banco de dados em tempo real
- TypeScript: Superset do JavaScript para tipagem estática
Sinta-se à vontade para contribuir com o projeto! Para isso:
- Faça um fork do repositório
- Crie uma branch (
git checkout -b minha-feature
) - Faça as mudanças necessárias
- Commit suas alterações (
git commit -m 'Adicionando nova funcionalidade'
) - Faça um push para a branch (
git push origin minha-feature
) - Abra um Pull Request
Este projeto está sob a licença MIT.
Caso tenha dúvidas ou sugestões, entre em contato:
- E-mail: [email protected]
- LinkedIn: linkedin.com/in/vinicius-dias-rodrigues/
Desenvolvido com ❤️ por Vinícius, Gentil e Camily 🚀