https://github.com/filipealvess/controle-servicos
Gestão de prestadores de serviços
https://github.com/filipealvess/controle-servicos
axios firebase papaparse react-feather react-router reactjs styled-components
Last synced: about 1 month ago
JSON representation
Gestão de prestadores de serviços
- Host: GitHub
- URL: https://github.com/filipealvess/controle-servicos
- Owner: filipealvess
- Created: 2022-05-20T13:35:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-24T15:26:40.000Z (almost 3 years ago)
- Last Synced: 2025-02-15T05:24:52.179Z (3 months ago)
- Topics: axios, firebase, papaparse, react-feather, react-router, reactjs, styled-components
- Language: JavaScript
- Homepage: https://controle-servicos.vercel.app
- Size: 2.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Controle de Serviços
Aplicação para gestão de prestadores de serviços.
Quer testar? [Clique aqui](https://controle-servicos.vercel.app) para ver a aplicação online!
## Design
O design da aplicação foi criado no Figma, [clique aqui](https://www.figma.com/file/SD2YOurqkRvFOIv3wUGQYU/Controle-de-Servi%C3%A7os?node-id=0%3A1) para acessá-lo.
## Tecnologias
- **ReactJS:** interface do usuário (UI)
- **Styled-Components:** estilização
- **Axios:** consultas à API
- **Firebase:** armazenamento de imagens
- **Papaparse:** conversão de arquivos `.csv`
- **React Feather:** ícones
- **React Router:** roteamento
## Como executar
> Confira se você possui o Git e o NodeJS intalados na sua máquina! ;)
1. Clone e execute o backend da aplicação ([clique aqui para acessar](https://github.com/filipealvess/controle-servicos-backend))
2. Clone este repositório
```
git clone https://github.com/filipealvess/controle-servicos.git
```
3. Entre na pasta do projeto
```
cd controle-servicos
```
4. Crie um arquivo `.env` com os seguintes dados
```env
# link da api (ex.: http://localhost:3333)
REACT_APP_API_BASE_URL =
# chaves de acesso do firebase
REACT_APP_FIREBASE_API_KEY =
REACT_APP_FIREBASE_AUTH_DOMAIN =
REACT_APP_FIREBASE_PROJECT_ID =
REACT_APP_FIREBASE_STORAGE_BUCKET =
REACT_APP_FIREBASE_MESSAGING_SENDER_ID =
REACT_APP_FIREBASE_APP_ID =
```
5. Instale as dependências
```
npm install
```
6. Execute a aplicação
```
npm start
```
---
Espero que goste ❤️