App FIPE é um aplicativo móvel, desenvolvido em React Native com Expo, que permite aos usuários consultar o valor de mercado de carros, motos e caminhões de acordo com a tabela FIPE. O aplicativo consome a API pública FIPE API da Parallelum para obter dados atualizados sobre marcas, modelos, anos e preços de veículos.
O fluxo de navegação é intuitivo, guiando o usuário passo a passo desde a escolha do tipo de veículo até a visualização dos detalhes completos.
- Consulta por Tipo de Veículo: Escolha entre Carros, Motos ou Caminhões.
- Seleção de Marca: Exibe uma lista de todas as marcas disponíveis para o tipo de veículo selecionado.
- Seleção de Modelo: Após escolher a marca, o app lista todos os modelos correspondentes.
- Seleção de Ano: Lista todos os anos disponíveis para um modelo específico.
- Visualização de Detalhes: Exibe o valor do veículo na tabela FIPE, juntamente com informações detalhadas como ano do modelo, combustível, código FIPE e mês de referência.
| Tela Inicial | Seleção de Marca | Detalhes do Veículo |
|---|---|---|
 |
 |
 |
O projeto foi construído utilizando as seguintes tecnologias:
- React Native: Framework para desenvolvimento de aplicativos móveis multiplataforma.
- Expo: Plataforma e conjunto de ferramentas para facilitar o desenvolvimento com React Native.
- React Navigation: Biblioteca para gerenciamento de rotas e navegação entre telas.
- Axios: Cliente HTTP para realizar as requisições à API FIPE.
Para rodar este projeto localmente, siga os passos abaixo:
-
Clone o repositório:
git clone [https://github.com/lmoura00/AppFIPE.git](https://github.com/lmoura00/AppFIPE.git) cd AppFIPE-f3b3b9bc13cae6afa73b41950955fc2c5d2e70cb -
Instale as dependências:
npm install # ou yarn install -
Inicie o servidor de desenvolvimento do Expo:
expo start
-
Execute no seu dispositivo:
- Instale o aplicativo Expo Go no seu celular (Android ou iOS).
- Escaneie o QR Code exibido no terminal para abrir o aplicativo.
A estrutura de pastas do projeto está organizada da seguinte forma para facilitar a manutenção:
AppFIPE/
├── assets/ # Imagens, ícones e fontes
├── Pages/ # Componentes de cada tela da aplicação
│ ├── Home.jsx # Tela inicial de seleção de tipo de veículo
│ ├── 1.jsx # Tela de seleção de marca
│ ├── 2.jsx # Tela de seleção de modelo
│ ├── 3.jsx # Tela de seleção de ano
│ └── 4.jsx # Tela de exibição dos detalhes do veículo
├── Routes/ # Configuração da navegação
│ └── Index.jsx
├── api.js # Configuração do Axios para a API FIPE
└── App.js # Ponto de entrada principal da aplicação