Code Monkey home page Code Monkey logo

reactnative-controleestoque's Introduction

Controle de Estoque

Desenvolvido para disciplina de Programação Mobile no curso de Engenharia da Computação.

Resultado

Aplicativo - Menu Aplicativo - Home Aplicativo - Nova Categoria Aplicativo - Validações de Categoria Aplicativo - Listagem de Categorias Aplicativo - Exclusão de Categoria Aplicativo - Edição de Categoria Aplicativo - Novo Produto Aplicativo - Validações de Produto Aplicativo - Listagem de Produtos Aplicativo - Exclusão de Produto Aplicativo - Edição de Produto Aplicativo - Listagem de Produtos acabando

Como executar

Com containers

Primeiro, é preciso configurar as viráveis de ambiente, para isso, crie uma cópia dos arquivos .env.example disponíveis nos seguintes locais:

  • api/.env.example para api/.env;
  • docker/mongodb/.env-mongo-express.example para docker/mongodb/.env-mongo-express;
  • docker/mongodb/.env-mongodb.example para docker/mongodb/.env-mongodb;
  • mobile/.env.example para mobile/.env.

Após a configuração, basta executar o seguinte comando:

docker-compose up -d

Local com yarn

Primeiro, é preciso configurar o objeto responsável pelas variáveis de ambiente, para isso, acesse os seguintes arquivos e coloque os valores corretos nos atributos do objeto:

  • api/src/config/environment.js;
  • mobile/src/config/environment.ts.

Após a configuração, basta executar os seguintes comandos:

  • Executar a API (necessário estar na pasta api)
yarn
yarn nodemon
  • Executar o app (necessário estar na pasta mobile)
yarn
yarn start

Local com npm

Primeiro, é preciso configurar o objeto responsável pelas variáveis de ambiente, para isso, acesse os seguintes arquivos e coloque os valores corretos nos atributos do objeto:

  • api/src/config/environment.js;
  • mobile/src/config/environment.ts.

Após a configuração, basta executar os seguintes comandos:

  • Executar a API (necessário estar na pasta api)
npm i
npx nodemon
  • Executar o APP (necessário estar na pasta mobile)
npm i
npm run start

Observações

Quando executado com containers, será criado o seguinte ambiente:

  • Porta 27017: MongoDB (Banco de Dados);
  • Porta 8081: Mongo Express (Interface web para gerenciamento do MongoDB);
  • Porta 3000: API;
  • Porta 19000: APP.

Já caso seja executado via yarn ou npm, será executado apenas a API e o APP, ou seja, é preciso que você possua um MongoDB configurado por conta própria, seja na cloud, com o Mongo Compass ou qualquer outra coisa.

Integrantes

Nome
João Felipe GitHub
Nathan Reis GitHub

reactnative-controleestoque's People

Contributors

nathanreis avatar

Stargazers

Laura Lana avatar André Mendes avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.