O projeto atual apresenta uma listagem de posts e também o uso de SPA.

Projeto feito com react, react-router-dom e css, permitindo que o usuário navegue entre as páginas inicio, about e posts. Na página inicial contém cards que é uma lista de posts (conteúdo dos posts está em um json dentro do projeto). O conteúdo da página sobre é estático. A página de posts recebe conteúdo dinâmico e também apresenta uma listagem de posts relacionados. Sempre que uma página não é encontrada ou um post não é encontrado, o usuário é direcionado para a página NotFound.

✔️ Técnicas e tecnologias utilizadas

• React
• React Router
• React Markdown
• Javascript
• CSS

• Funcionalidade 1: menu com link destacado utilizando useLocation
• Funcionalidade 2: criar e mapear as rotas para as páginas Inicio, About, NotFound
• Funcionalidade 3: componente postModelo para montar e exibir conteúdo da rota /about e da rota /posts
• Funcionalidade 4: listar posts na página inicial utilizando o conteúdo de um arquivo json
• Funcionalidade 5: rotas dinâmicas e descendentes para os posts
• Funcionalidade 6: useNavigate para voltar ao inicio em caso de pagina não encontrada
• Funcionalidade 7: posts recomendados na pagina do post
• Funcionalidade 8: scroll ao mudar de página

• Link do projeto online: https://posts-public.vercel.app/

You can learn more in the Create React App documentation. To learn React, check out the React documentation.