Skip to content

luiseduardot17/interface-blog

Repository files navigation

🥷The Food Ninja Blog

Aplicação web de um blog, que exibe os posts com comentários de usuários associados a cada um, e usuarios do blog, bem como suas informações e posts criados.

🧩 Tecnologias utilizadas:

  • React.js
  • TypeScript
  • Axios
  • Bootstrap
  • Bootstrap Icons
  • Vite
  • Node.js
  • Consumo de API
  • Hooks
  • React Router Dom

📝 Sobre o desafio:

A equipe recebeu uma demanda para desenvolver um front-end para uma API RESTful. No cenário proposto, a interface deve exibir posts de um blog e, ao clicar em um post, os comentários associados.

Descrição:

Você ficou responsável pela demanda e sua tarefa é projetar uma interface para atender as necessidades. Os seguintes serviços estão disponíveis:

● Listagem de posts ● Listagem de comentários de um post ● Listagem de usuários ● Detalhes de um usuário

🚏 Rotas:

Página Inicial:

path='/' também pode ser acessada clicando em "Food Ninja"

Página do Post:

path='post/:id' Acessada clicando no post desejado

Página de Usuários:

path='users/' Acessada atráves do link "People" na navbar

Página de informações de um usuário:

path='users/:id' Acessada clicando no usuário desejado

📥 Como instalar e usar o projeto:

Para instalar o projeto, com o Visual Studio Code, ou outro editor de sua preferência, abra o terminal e clone o projeto:

git clone https://github.com/luiseduardot17/interface-blog.git

Confirme se esta no diretório correto, utilizando o comando:

cd interface-blog

No terminal, instale as dependências do projeto (Para isso você precisa ter o Node.js instalado):

npm install ou npm i

Finalmente, execute o projeto:

npm run dev