🎉 Aplicação CRUD, Filtros e Ordenação 🎉

Essa aplicação é um exemplo de CRUD, filtros e ordenação de lista no frontend

📖 Índice

• Tecnologias
• Funcionalidades
• Instalação
• Feedback

🚀 Tecnologias

• Backend: Node e Typescript,
• Frontend: Angular,
• Mobile: React-Native,

🔖 Funcionalidades

• É possível realizar CRUD de produtos com categorias, caso a categoria não exista será criada uma nova.
• É possível realizar filtros e ordenações tanto de produtos como de categorias.

Instalação

Primeiro é preciso clonar este repositório com o seguinte comando:

  git clone https://github.com/edumoritz/test-mke.git 

Logo após clonar é preciso entrar na pasta do projeto:

  cd test-mkr

Dentro dessa pasta irá conter 3 pastas que são: backend, frontend e mobile.

• Backend

Sendo assim deve primeiro acessar na pasta backend e executar a instalação para depois realizar a inicialização com os comandos:

  // Instalação das dependencias:
  yarn install
  
  // Iniciar a aplicação
  yarn start

Com o backend rodando é possível realizar testes com as ferramentas do tipo postman/isominia ou executar o frontend.

• Frontend

Para Executar o frontend é preciso voltar para a pasta raiz mas, deve deixar o backend executando, então abra um outro terminal e navegue até a pasta frontend e execute os seguintes comandos:

  // Instalação das dependencias:
  yarn install
  
  // Iniciar a aplicação
  yarn start

• Mobile

No Mobile tem algumas formas diferentes para executar, no meu caso eu utilizei o dispositivo físico e o emulador android, irei listar algumas das formas de conectar:

• Com SDK executar: adb reverse tcp:3333 tcp:3333
• iOS com Emulador: localhost
• iOS com físico: IP da máquina
• Android com Emulador: localhost (adb resverse)
• Andorid com Emulador: 10.0.2.2 (Android Studio)
• Android com Emulador: 10.0.3.2 (Genymotion)
• Android com físico: IP da máquina (Utilizei essa forma)

O arquivo para ser alterado da api está na pasta service/api.js

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://{aqui deve colocar o host especifico}:3333/'
});

export default api;

Para executar o mobile é preciso navegar até a pasta mobile e executar os comandos:

  cd mobile
  // Instalação das dependencias:
  yarn install
  
  // Iniciar a aplicação
  yarn android // ou yarn ios

Feedback

Feel free to send me feedback on LinkedIn or file an issue. Feature requests are always welcome.