https://github.com/rocha-henrique/blog-api

Blog front-end desenvolvido com React, Bootstrap e Axios, consumindo a API JSONPlaceholder.
https://github.com/rocha-henrique/blog-api

axios bootstrap component css3 html5 javascript react

Last synced: 5 months ago
JSON representation

Blog front-end desenvolvido com React, Bootstrap e Axios, consumindo a API JSONPlaceholder.

• Host: GitHub
• URL: https://github.com/rocha-henrique/blog-api
• Owner: rocha-henrique
• License: mit
• Created: 2024-09-07T19:48:35.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-09-14T04:22:17.000Z (almost 2 years ago)
• Last Synced: 2025-03-16T06:26:32.505Z (over 1 year ago)
• Topics: axios, bootstrap, component, css3, html5, javascript, react
• Language: JavaScript
• Homepage: https://rocha-henrique.github.io/Blog-API/
• Size: 77.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Seja bem vindo ao projeto Blod-API da Triibo

Blog com React e JSONPlaceholder API

Este projeto é um blog desenvolvido como parte de um teste técnico para uma vaga de desenvolvimento front-end. O blog consome a API do JSONPlaceholder e foi desenvolvido utilizando React, Bootstrap, Axios, React Router DOM e Jest.

# Funcionalidades

- Exibição de posts mais de cinco telas, com limite de 10 posts por tela.

- Funcionalidade de pesquisa para filtrar os posts.

- Detalhes de cada post exibidos em páginas separadas.

- Design responsivo com Bootstrap.

- Testes implementados com Jest.

# Tecnologias Utilizadas

- React para o desenvolvimento do front-end.

- Axios para requisições HTTP à API.

- React Router DOM para o gerenciamento de rotas.

- Bootstrap para estilização e design responsivo.

- Jest para testes unitários.

# Como rodar o projeto

- Clone este repositório: git clone [link para clone](https://github.com/rocha-henrique/Blog-API)

- Navegue até o diretório: cd meu-blog

- Instale as dependências: npm install

# Uso

Inicie o servidor local: `npm start`

Acesse o blog no navegador: http://localhost:3000

# Estrutura do Projeto

- `src/:` Pasta principal do código-fonte do blog.

- `images/:` Pasta de arquivos públicos, como imagens.

- `componentes/:` Pasta onde todos fica as estrutura logica das páginas.

- `pages/:` Pasta onde fica toda a parte grafica e direta de cada página.

- `css:` Pasta onde esta guardada toda a estilização do blog.

- `context:` Pasta onde está a estrutura provedora de dados para o blog.