https://github.com/renatorrocha/fuel-price-frontend
https://github.com/renatorrocha/fuel-price-frontend
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/renatorrocha/fuel-price-frontend
- Owner: renatorrocha
- Created: 2024-10-12T00:19:12.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-11-13T14:28:38.000Z (6 months ago)
- Last Synced: 2025-01-28T22:27:13.020Z (4 months ago)
- Language: TypeScript
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gerenciador de Preços de Combustíveis
Este projeto é um gerenciador de preços de combustíveis desenvolvido com React, TypeScript e Vite. Ele permite que os usuários obtenham preços de combustíveis e façam upload de arquivos CSV com dados de preços.
## Tecnologias Utilizadas
- **React**: Biblioteca para construção de interfaces de usuário.
- **TypeScript**: Superset do JavaScript que adiciona tipagem estática.
- **Vite**: Ferramenta de construção e desenvolvimento rápido.
- **Tailwind CSS**: Framework CSS para estilização.
- **Axios**: Biblioteca para fazer requisições HTTP.
## Instalação
Para instalar e executar o projeto, siga os passos abaixo:
1. Clone o repositório:
2. Instale as dependências:
```bash
pnpm install
```
3. Crie um arquivo `.env` na raiz do projeto e adicione as variáveis de ambiente necessárias:
```
VITE_API_URL=https://api.example.com
VITE_PORT=3000
```
4. Inicie o servidor de desenvolvimento:
```bash
pnpm run dev
```
Agora você pode acessar a aplicação em `http://localhost:3000`.
## Estrutura do Projeto
- `src/`: Contém o código-fonte da aplicação.
- `App.tsx`: Componente principal da aplicação.
- `components/`: Contém componentes reutilizáveis.
- `lib/`: Contém funções utilitárias e configuração da API.
- `global.css`: Estilos globais da aplicação.
- `vite.config.ts`: Configuração do Vite.
- `package.json`: Dependências e scripts do projeto.
## Scripts
- `npm run dev`: Inicia o servidor de desenvolvimento.
- `npm run build`: Compila a aplicação para produção.
- `npm run lint`: Executa o linter para verificar a qualidade do código.
- `npm run preview`: Visualiza a aplicação em modo de produção.
## Contribuição
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests.