O blog exibe uma lista de postagens no lado esquerdo da página e mostra os detalhes de cada postagem no lado direito quando clicado.
O código HTML contém um cabeçalho com um logotipo e uma barra de navegação, uma seção principal com uma lista de postagens e uma seção para detalhes de postagem e um rodapé.
O código CSS estiliza o cabeçalho, o logotipo e a barra de navegação para ficarem fixos no topo da página, define a fonte e adiciona um botão para criar uma nova postagem. Ele também estiliza a lista de postagens e os detalhes da postagem.
O código JavaScript busca dados de uma API JSON para a lista de postagens e os detalhes da postagem. Ele ouve cliques na lista de postagens, busca e exibe os detalhes da postagem selecionada e permite que o usuário curta comentários.
Abaixo um Gif mostrando a funcionalidade e em seguida link do github page, para que página possa ser vista em funcionamento e o usuário interagir.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent