Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nyctibiusvii/supplierpayment
Teste técnico da VFlows 👨💻
https://github.com/nyctibiusvii/supplierpayment
express fornecedor mobile-first nodejs pagamentos reactjs sass typescript unform vflows vite
Last synced: 30 days ago
JSON representation
Teste técnico da VFlows 👨💻
- Host: GitHub
- URL: https://github.com/nyctibiusvii/supplierpayment
- Owner: NyctibiusVII
- License: mit
- Created: 2023-01-26T20:49:52.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-11T21:05:43.000Z (over 1 year ago)
- Last Synced: 2024-10-13T08:12:22.857Z (2 months ago)
- Topics: express, fornecedor, mobile-first, nodejs, pagamentos, reactjs, sass, typescript, unform, vflows, vite
- Language: TypeScript
- Homepage:
- Size: 2.68 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://pt-br.reactjs.org)
- [Typescript](https://www.typescriptlang.org)
- [Vite](https://vitejs.dev)
- [Sass](https://sass-lang.com)
- [NodeJS](https://nodejs.org)
- [Express](https://expressjs.com)
## Layout 🚧
### Desktop Screenshot
### Mobile Screenshot
## Rodando o projeto 🚴🏻♂️
#### Na sua maquina:
Dependências
```json
------- 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.
```bash
# 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](https://github.com/NyctibiusVII/SupplierPayment/blob/main/LICENSE) para mais detalhes.
## Contato ✉️
| [](https://github.com/NyctibiusVII) |
| :---: |
| [Matheus Vidigal](https://github.com/NyctibiusVII) |
