{"id":25909095,"url":"https://github.com/matheusmgs22/angular-blog","last_synced_at":"2026-05-01T22:35:25.585Z","repository":{"id":278768125,"uuid":"935057160","full_name":"matheusmgs22/angular-blog","owner":"matheusmgs22","description":"Blog de notícias de tecnologia desenvolvido em Angular | Projeto do bootcamp Decola Tech 2025","archived":false,"fork":false,"pushed_at":"2025-03-22T12:27:42.000Z","size":2149,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-02T06:51:30.343Z","etag":null,"topics":["angular","angular-cli","typescript"],"latest_commit_sha":null,"homepage":"","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/matheusmgs22.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-18T20:45:09.000Z","updated_at":"2025-03-22T12:27:45.000Z","dependencies_parsed_at":"2025-03-21T22:24:05.680Z","dependency_job_id":"72a3ec1a-775f-4c30-bd79-ccd958745a35","html_url":"https://github.com/matheusmgs22/angular-blog","commit_stats":null,"previous_names":["matheusmgs22/angular-blog"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/matheusmgs22/angular-blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matheusmgs22%2Fangular-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matheusmgs22%2Fangular-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matheusmgs22%2Fangular-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matheusmgs22%2Fangular-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matheusmgs22","download_url":"https://codeload.github.com/matheusmgs22/angular-blog/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matheusmgs22%2Fangular-blog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32515838,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","angular-cli","typescript"],"created_at":"2025-03-03T08:16:14.084Z","updated_at":"2026-05-01T22:35:25.530Z","avatar_url":"https://github.com/matheusmgs22.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog de Notícias de Tecnologia\n\nEste é um projeto Angular criado com o intuito de aprender sobre components. Exibe um blog pessoal com notícias e tendências do universo da tecnologia. O blog apresenta uma interface moderna e responsiva, com seções de \"Big Cards\" para destaques e \"Small Cards\" para outras notícias.\n\n## Tecnologias Utilizadas\n\n- **Angular**: Framework principal para a construção da aplicação.\n- **TypeScript**: Linguagem utilizada para o desenvolvimento.\n- **CSS**: Estilização dos componentes.\n- Outras bibliotecas e ferramentas que auxiliam no desenvolvimento (ex: Angular CLI).\n\n### Home\n\nA home page organizada em duas seções principais:\n- **Artigos Principais (Big Cards):** Uma área dedicada aos destaques, onde cada card exibe uma imagem, título e descrição de uma notícia importante.\n- **Outros Artigos (Small Cards):** Uma área que lista notícias secundárias em um formato mais compacto, com imagem e título.\n\nCada componente de card utiliza o Angular Router para permitir a navegação para uma página de conteúdo detalhado ao clicar no título ou imagem.\n\n![Home-page](./src/assets/img/blog_tec_home.png)\n\n---\n\n### Big Card\n\nO componente **Big Card** é projetado para destacar as notícias mais relevantes. Ele exibe:\n- **Imagem de Capa:** Uma imagem ilustrativa que representa a notícia.\n- **Título:** O título da notícia, que é clicável e redireciona para a página de conteúdo detalhado.\n- **Descrição:** Um breve resumo da notícia, também clicável para acessar mais detalhes.\n\n\n![Big-card](./src/assets/img/big-card-image.png)\n\n---\n\n### Small Card\n\nO componente **Small Card** apresenta as notícias secundárias de forma mais compacta. Ele contém:\n- **Imagem de Capa:** Uma imagem representativa da notícia.\n- **Título:** O título da notícia, clicável e direcionado à página de detalhes do conteúdo.\n\n![small-card](./src/assets/img/small_card_blog.png)\n\n## Conclusão\n\nEste projeto foi desenvolvido como parte do bootcamp **Decola Tech 2025**, realizado pela **DIO.me** em parceria com a **Avanade**. Durante o desenvolvimento, foram aplicados conceitos fundamentais do **Angular**, com foco na criação e reutilização de **componentes**, estruturação de uma aplicação modular e boas práticas de desenvolvimento front-end.\n\nO projeto serviu como uma excelente oportunidade para aprimorar conhecimentos sobre **componentização**, **roteamento** e a construção de interfaces dinâmicas utilizando **Angular**. Além disso, permitiu uma melhor compreensão sobre a importância de uma arquitetura bem definida para facilitar a escalabilidade e manutenção do código.\n\nCom isso, o blog de notícias de tecnologia não apenas entrega uma interface responsiva e moderna, mas também representa um importante aprendizado no uso do **framework Angular**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatheusmgs22%2Fangular-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatheusmgs22%2Fangular-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatheusmgs22%2Fangular-blog/lists"}