Projeto   |    Tecnologias   |    Layout   |    Licença

SupplierPayment

Projeto desenvolvido para o gerenciamento de pagamentos de contratos. Projeto realizado para um desafio técnico da @VFlows.

Funcionalidades

• Valida cnpj via api do BrasilApi
• Unform para criação de formulários
• Backend próprio - Api
• Site responsivo - Mobile First

Briefing do projeto

Tecnologias 🚀

Esse projeto foi desenvolvido com as seguintes tecnologias:

• ReactJS
• Typescript
• Vite
• Sass
• NodeJS
• Express

Layout 🚧

Desktop Screenshot

Mobile Screenshot

Rodando o projeto 🚴🏻‍♂️

Na sua maquina:

Dependências

  ------- WEB -------
  "dependencies": {
    "@unform/core": "^2.1.6",
    "@unform/web": "^2.1.6",
    "axios": "^1.2.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.8.0",
    "sass": "^1.57.1"
  },
  "devDependencies": {
    "@types/react": "^18.0.26",
    "@types/react-dom": "^18.0.9",
    "@types/react-router-dom": "^5.3.3",
    "@vitejs/plugin-react": "^3.0.0",
    "typescript": "^4.9.3",
    "vite": "^4.0.0"
  }

  ------- NODE -------
  "dependencies": {
    "cors": "^2.8.5",
    "express": "^4.18.2",
    "ts-node": "^10.9.1"
  },
  "devDependencies": {
    "@types/cors": "^2.8.13",
    "@types/express": "^4.17.16",
    "@types/node": "^18.11.18",
    "nodemon": "^2.0.20",
    "typescript": "^4.9.4"
  }

Ex: $ npm install _____ ou $ yarn add _____ para instalar as dependências

Utilize a tag -D para instalar as dependências de desenvolvimento.
Utilize a tag @types para instalar o suporte a Typescript.
Utilize a tag @latest para instalar a versão mais recente.

# Clone o repositório
$ git clone https://github.com/NyctibiusVII/SupplierPayment.git

# Acesse a pasta do projeto no terminal
$ cd SupplierPayment

# Acesse a pasta do sub-projeto no terminal:
$ cd SupplierPayment             # Projeto ReactJS
$ cd server                      # Projeto NodeJS

# Instale as dependências com o gerenciador de pacotes de sua preferência
$ npm install   /   yarn add     # Serve para ReactJS e NodeJS

# Execute o sub-projeto:
# ---------- PARA WEB ---------- #
$ npm run dev   /   yarn dev     # Para rodar o projeto Web (Frontend)

# --------- PARA NODE ---------- #
$ npm run dev   /   yarn dev     # Para rodar o projeto Node (Backend)

# O Frontend roda na porta: 3000
# O Backend roda na porta: 3333

# Acesse http://localhost:$PORT *Ex: Cuidado para não ligar dois ou mais projetos na mesma porta, pois o servidor pode não iniciar.

# Para entrar no sistema, utilize este CNPJ: 36.379.479/0001-66 (VFlows) ou pegue uma na lista de CNPJs válidos no arquivo: server/src/fake-db/users.ts

Licença ⚖️

Este projeto está sob a licença do MIT. Veja o arquivo LICENSE para mais detalhes.

Contato ✉️

Matheus Vidigal