{"id":18773401,"url":"https://github.com/kleutons/angular-ibblog","last_synced_at":"2026-05-11T05:31:30.541Z","repository":{"id":199703649,"uuid":"702754841","full_name":"kleutons/angular-ibblog","owner":"kleutons","description":"Desafio de frontend, que consiste na criação de um projeto Angular para um blog de notícias, utilizando a API externa do IBGE. Desenvolvimento de software. Angular","archived":false,"fork":false,"pushed_at":"2023-10-19T00:25:58.000Z","size":1139,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-29T08:29:57.634Z","etag":null,"topics":["angular","api","api-client","ibge","ibge-api","javascript","typescript"],"latest_commit_sha":null,"homepage":"https://kleutons.github.io/angular-ibblog/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kleutons.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-10T00:27:46.000Z","updated_at":"2024-12-21T01:05:57.000Z","dependencies_parsed_at":"2023-10-11T20:57:59.724Z","dependency_job_id":"35ec581e-1cda-4ea5-9965-c45adfbccf8b","html_url":"https://github.com/kleutons/angular-ibblog","commit_stats":null,"previous_names":["kleutons/angular-ibblog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kleutons%2Fangular-ibblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kleutons%2Fangular-ibblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kleutons%2Fangular-ibblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kleutons%2Fangular-ibblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kleutons","download_url":"https://codeload.github.com/kleutons/angular-ibblog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239680983,"owners_count":19679509,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","api","api-client","ibge","ibge-api","javascript","typescript"],"created_at":"2024-11-07T19:33:53.223Z","updated_at":"2025-12-13T20:30:14.850Z","avatar_url":"https://github.com/kleutons.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Desafio Frontend - Projeto Angular - Blog de Notícias com API do IBGE\n\nSeja bem-vindo(a) a este desafio de frontend, que consiste na criação de um projeto Angular para um blog de notícias, utilizando a API externa do IBGE. O objetivo deste desafio é aprimorar minhas habilidades no desenvolvimento de software.\n\n## [Visualize o Projeto Online](https://kleutons.github.io/angular-ibblog/)\n\n- Link: https://kleutons.github.io/angular-ibblog/\n\n### Capturas de Tela\n\n![Captura de Tela do Aplicativo](.github/prototype.png)\n\n## 📋 Desafios do Projeto\n\n- [x] Organizar o sistema em módulos para cada rota da página:\n  - [x] Módulo App - núcleo\n  - [x] Módulo Pages - rotas das páginas: Home, Post, Search\n  - [x] Módulo Shared - componentes globais compartilhados\n- [x] Criar um blog com suporte aos modos Escuro e Claro (Dark Mode e Light Mode).\n- [x] Desenvolver um layout responsivo.\n- [x] Exibir as notícias em destaque.\n- [x] Implementar a paginação \"Ver Mais\" para exibir mais notícias.\n- [x] Filtrar notícias por categoria.\n- [x] Visualizar notícias por ID.\n- [x] Implementar um sistema de busca de notícias.\n- [x] Criar um layout para a barra lateral (sidebar).\n- [x] Utilizar serviços para lidar com as requisições da API e funções adicionais.\n- [x] Criar um sistema de cache para as requisições à API, tornando o site mais rápido e reduzindo a carga nos serviços do servidor backend.\n- [x] Criar pipes personalizados para formatação de dados.\n- [x] Utilizar variáveis de ambiente.\n\n## 👨‍💻 Instruções de Instalação\n\n### Servidor de Desenvolvimento\nExecute o comando `ng serve` para iniciar um servidor de desenvolvimento. Acesse o site em `http://localhost:4200/`. O aplicativo será recarregado automaticamente.\n\n### Compilação\nExecute `ng build` para construir o projeto. Os artefatos da compilação serão armazenados na pasta `dist/`.\n\n## Rotas Disponíveis\n- http://localhost:4200/ =\u003e Página Inicial\n- http://localhost:4200/post/:id =\u003e Rota GET para visualizar a notícia com base no ID\n- http://localhost:4200/search/category/:category =\u003e Rota GET para listar notícias de acordo com a categoria\n- http://localhost:4200/search/:value =\u003e Rota GET para buscar notícias\n\n## 👨‍💻 Sobre Mim\n### Criado com 💙 por [@kleutons](https://github.com/kleutons)\n\n### Contato\n- [LinkedIn](https://www.linkedin.com/in/kleuton-novais/)\n- [Portfólio](https://kleuton.dev)\n\n### Fique à vontade para compartilhar seu feedback e sugestões sobre esta solução. Estou ansioso para ouvir sua opinião.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkleutons%2Fangular-ibblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkleutons%2Fangular-ibblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkleutons%2Fangular-ibblog/lists"}