https://github.com/hfidelis/fipe-query
Angular app for automotive market calcs based on brazilian FIPE table.
https://github.com/hfidelis/fipe-query
angular16 api-consumption observer-pattern rxjs scss
Last synced: 3 months ago
JSON representation
Angular app for automotive market calcs based on brazilian FIPE table.
- Host: GitHub
- URL: https://github.com/hfidelis/fipe-query
- Owner: hfidelis
- Created: 2023-08-01T05:23:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-27T19:55:12.000Z (over 1 year ago)
- Last Synced: 2024-12-26T11:30:29.327Z (4 months ago)
- Topics: angular16, api-consumption, observer-pattern, rxjs, scss
- Language: TypeScript
- Homepage: https://hfidelis.github.io/fipe-query/
- Size: 2.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FIPE Query 🔍🚗
## Sobre 📖
> - **Projeto desenvolvido em Angular com finalidade de estudos.**
> - **É uma aplicação SPA com funcionalidade de busca de veículos listados na tabela FIPE, onde é possível realizar a consulta com informações do mesmo, além de realizar a comparação entre um preço definido pelo usuário com o preço da tabela.**
> - **Foi utilizada a API [FIPE-API-HTTP-REST](http://deividfortuna.github.io/fipe/) 🔧 para realizar as consultas.**
## Como utilizar? 🚀
#### Acesse o link do projeto disponível em produção 🌐:
> - 🔗 [FIPE Query](https://hfidelis.github.io/fipe-query/#/home)
#### Ou teste localmente 💻:
> - **Caso não tenha, instale o NodeJS para usar o npm**
> - **Instale o Angular CLI**
``npm install -g @angular/cli``
> - **Clone o repositório:**
``git clone https://github.com/hfidelis/fipe-query.git``
> - **Dentro do diretório, instale as dependências:**
``npm install``
> - **Execute o projeto:**
``ng serve`` **ou** ``npm run start``
## Considerações
> - Desenvolvi bastante os meus conhecimentos em **Angular** e **TypeScript**, podendo me aprofundar bastante no framework e em suas funcionalidades.
> - Também aprendi bastante sobre **Observables** e alguns operadores da biblioteca **RxJS**.
> - Coloquei em prática algumas questões sobre design em alguns componentes, construindo todos do zero com **CSS** puro.
## Meus contatos ©️ hfidelis
> - 🔗 **[LinkedIn](https://www.linkedin.com/in/hfidelis/)**
> - 🔗 **[GitHub](https://github.com/hfidelis)**
> - 🔗 **[E-mail](mailto:[email protected])**