Seja 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.
- Organizar o sistema em módulos para cada rota da página:
- Módulo App - núcleo
- Módulo Pages - rotas das páginas: Home, Post, Search
- Módulo Shared - componentes globais compartilhados
- Criar um blog com suporte aos modos Escuro e Claro (Dark Mode e Light Mode).
- Desenvolver um layout responsivo.
- Exibir as notícias em destaque.
- Implementar a paginação "Ver Mais" para exibir mais notícias.
- Filtrar notícias por categoria.
- Visualizar notícias por ID.
- Implementar um sistema de busca de notícias.
- Criar um layout para a barra lateral (sidebar).
- Utilizar serviços para lidar com as requisições da API e funções adicionais.
- 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.
- Criar pipes personalizados para formatação de dados.
- Utilizar variáveis de ambiente.
Execute o comando ng serve para iniciar um servidor de desenvolvimento. Acesse o site em http://localhost:4200/. O aplicativo será recarregado automaticamente.
Execute ng build para construir o projeto. Os artefatos da compilação serão armazenados na pasta dist/.
- http://localhost:4200/ => Página Inicial
- http://localhost:4200/post/:id => Rota GET para visualizar a notícia com base no ID
- http://localhost:4200/search/category/:category => Rota GET para listar notícias de acordo com a categoria
- http://localhost:4200/search/:value => Rota GET para buscar notícias