https://github.com/hiagoisoppo/hit-news

Aplicação web desenvolvida com o objetivo de distribuir e organizar as notícias mais recentes, disponibilizadas através da API do IBGE.
https://github.com/hiagoisoppo/hit-news

css3 html5 ibge-api react responsive tailwindcss testing-library typescript vite vitest

Last synced: 8 days ago
JSON representation

Aplicação web desenvolvida com o objetivo de distribuir e organizar as notícias mais recentes, disponibilizadas através da API do IBGE.

• Host: GitHub
• URL: https://github.com/hiagoisoppo/hit-news
• Owner: hiagoisoppo
• License: mit
• Created: 2023-09-15T15:59:07.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-20T18:02:09.000Z (6 months ago)
• Last Synced: 2024-05-20T21:20:56.267Z (6 months ago)
• Topics: css3, html5, ibge-api, react, responsive, tailwindcss, testing-library, typescript, vite, vitest
• Language: HTML
• Homepage: https://hitnews.vercel.app
• Size: 83.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


# [HIT News](https://hitnews.vercel.app/)

![Static Badge](https://img.shields.io/badge/ViteJs-4.4.5-yellow)

![Static Badge](https://img.shields.io/badge/TypeScript-5.0.2-blue)

![Static Badge](https://img.shields.io/badge/ReactJs-18.2.0-blue)

![Static Badge](https://img.shields.io/badge/Vitest-0.34.4-yellow)

![Static Badge](https://img.shields.io/badge/ReactTestingLibrary-14.0.0-red)

![Static Badge](https://img.shields.io/badge/TailwindCss-3.3.3-blue)  

![Static Badge](https://img.shields.io/badge/PostCss-8.4.29-red)

![Static Badge](https://img.shields.io/badge/HeroIcons-2.0.18-purple)

![Static Badge](https://img.shields.io/badge/IBGE_API_Notícias-3.0.0-white)

## Descrição:

O HIT News é uma aplicação web desenvolvida com o objetivo de distribuir e organizar as notícias mais recentes, disponibilizadas através da API do IBGE. Durante o desenvolvimento foi utilizado as seguintes tecnologias:  ViteJs, TypeScript, ReactJs, ReactTestingLibrary, Vitest, TailwindCss, PostCss, HeroIcons.

  

## Funcionalidades:

- Listagem com resumo das últimas noticias atualizadas, atráves da API: [IBGE API Notícias](https://servicodados.ibge.gov.br/api/docs/noticias?versao=3).

- Buscar e filtragem de receitas, atráves de categorias e palavras-chaves.

- Acesso a noticia completa atráves do redirecionamento para a pagina oficial do IBGE.

- Aba de Favoritos, para armazenar em LocalStorage todas as noticias que o usuário mais gostou.

- Opção de compartilhamento, onde você poderá enviar para seus amigos o link de acesso a receita.

## Como acessar a aplicação:

  Se for de sua preferência visualizar a aplicação em operação, basta acessar o [deploy](https://hitnews.vercel.app/), caso deseje instalar localmente prossiga com o passo a passo:

  - Abra o terminal e faça um clone do repositório.

  ```bash

    git clone [email protected]:hiagoisoppo/hit-news.git

  ```

  - Acesse a pasta clonada do repositório, e instale as dependências.

  ```bash

    cd hit-news

    npm install

  ```

  - Inicie o servidor de desenvolvimento.

  ```bash

    npm run dev

  ```

  - Abra o navegador no endereço [http://localhost:5173](http://localhost:5173).