Skip to content

AlefSillva/react-social-feed

Repository files navigation

React Social Feed

Um aplicativo ReactJS que consome a API JSONPlaceholder para exibir usuários, posts e comentários de forma dinâmica e interativa, simulando um feed social. Projeto desenvolvido como parte do assessment da matéria de Fundamentos de React.


🔗 Ver o Projeto Rodando no link abaixo:

React Social Feed - Vercel


Funcionalidades

  • Exibição de usuários em cards.
  • Ao clicar em um usuário, exibição dos posts dele.
  • Ao clicar em um post, exibição dos comentários.
  • Breadcrumb para navegar entre usuários e posts.
  • Alternância entre layout em grade e lista.
  • Exclusão de comentários com confirmação.
  • Carregamento e tratamento de erros durante a requisição à API.
  • Interface responsiva e estilizada com CSS modular.

Tecnologias

  • ReactJS
  • JavaScript (ES6+)
  • CSS Modules
  • Material UI (para ícones e Breadcrumbs)
  • Fetch API

Como Rodar Localmente

  1. Clone o repositório

    git clone https://github.com/AlefSillva/react-social-feed.git
    cd react-social-feed
  2. Instale as dependências

    npm install
  3. Execute o projeto

    npm run dev
  4. Abra no navegador O projeto estará rodando em: http://localhost:5173

⚠️ Nota: o comando npm install só precisa ser executado na primeira vez que você rodar o projeto ou sempre que novas dependências forem adicionadas.


Autor

  • Nome: Alef Silva Santos
  • Perfil: LinkedIn

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published