Sistema que Monitora Encomendas | Iniciando estudos React Native com Node.js 🐱🚀
O ProjectEncomendas é um sistema para monitoramento de encomendas, desenvolvido como um projeto de estudo para a combinação de React Native com Node.js. O projeto visa fornecer uma base para o desenvolvimento de aplicações móveis e de backend, explorando as melhores práticas em programação e arquitetura de software.
- Frontend: React Native
- Backend: Node.js
- Banco de Dados: MySQL
- Gerenciamento de Dependências: npm ou yarn
- Ferramenta de Desenvolvimento: Nodemon
Para instalar as dependências do projeto, execute um dos seguintes comandos:
npm install
ou
bash
Copiar código
yarn install
Executando o Servidor
Para rodar o servidor, execute o seguinte comando em um terminal:
bash
Copiar código
nodemon Controller.js
Nota: O Controller.js foi usado para fins de estudo e desenvolvimento inicial. Em um ambiente de produção, é recomendável configurar o servidor em um arquivo separado, como index.js, seguindo as melhores práticas de desenvolvimento. 😎
Para iniciar o aplicativo, execute:
bash
Copiar código
npm start
ou
bash
Copiar código
expo start
Configuração do Banco de Dados
Antes de rodar o projeto, você precisa configurar o arquivo de banco de dados. Altere o arquivo config.json na pasta models para o ambiente de desenvolvimento:
json
Copiar código
{
"development": {
"username": "root",
"password": null,
"database": "encomendas",
"host": "127.0.0.1",
"dialect": "mysql"
},
"origin": "Av. Prudente de Morais, 200 - Natal / RN",
"geocodingAPI": "SUA_API_KEY_AQUI"
}
Substitua "SUA_API_KEY_AQUI" pela sua chave de API para o serviço de geocodificação, se aplicável.
Estrutura do Projeto
bash
Copiar código
ProjectEncomendas/
│
├── Controller.js # Arquivo principal para execução do servidor (para fins de estudo).
├── models/ # Contém a configuração do banco de dados e os modelos de dados.
│ ├── config.json # Configurações do banco de dados e chave de API
│ ├── index.js # Configuração da conexão com o banco de dados
│ └── models.js # Modelos de dados
│
├── routes/ # Define as rotas da aplicação.
│ ├── index.js # Definições de rotas
│
├── views/ # Contém os componentes de visualização do frontend.
│ ├── App.js # Componente principal do aplicativo
│ └── components/ # Componentes reutilizáveis
│
├── .gitignore # Arquivos e pastas a serem ignorados pelo Git
├── README.md # Este arquivo
├── package.json # Dependências e scripts do projeto
├── yarn.lock # Dependências do projeto (caso use Yarn)
└── .env # Arquivo para variáveis de ambiente (crie este arquivo com as variáveis necessárias)
Contribuição
Sinta-se à vontade para contribuir com o projeto! Para isso, siga estas etapas: