/scientific-article

Implementar uma aplicação utilizando frameworks JS, que oferece uma interface web.

Primary LanguageCSS

Projeto: Artigos Científicos

Implementar uma aplicação utilizando frameworks JS, que oferece uma interface web

Link Deploy:

Link Aplicação

Especificações

  1. Deve ser possível buscar por artigos científicos na API do portal CORE;
  2. Deve ser possível marcar/desmarcar os resultados da pesquisa como favorito;
  3. Deve ser possível buscar por artigos científicos na API do portal CORE;
  4. Deve ter uma listagem com os artigos favoritados e ela deve estar disponível mesmo que a janela do navegador seja fechada e aberta novamente;
  5. As listagens, tanto da pesquisa quanto dos favoritos, devem ter paginação;

O que será avaliado:

  1. Funcionalidade / Usabilidade;
  2. Código Limpo, de fácil entendimento, de fácil extensão;
  3. Capacidade de aprendizado;
  4. Forma de raciocínio;
  5. Criatividade;

Projeto Mezzer

Fonte de pesquisa:

🔗 Links Importantes

Manipulando valores de uma formulario com useState

React Hooks

DotEnv

API CORE

Mudanças React Router DOM

API CORE Query

Pagination

Freecodecamp

Adicionando ao Array Hooks

Configurando .eslintrc.json regra quando uma variável não usada

Imagem das Telas:

💁‍♂️ Click/Estender
  • - Tela de Apresentação (Splash)

Apresentação Mezzer

  • - Tela de Carregamento (Load)

Load Mezzer

  • - Tela de Home/Principal

Tela Principal

  • - Tela de Favorite/Favoritos

Tela Principal

Rodar Projeto Localmente:

  • Baixe o projeto para sua máquina:

    git clone git@github.com:tonistorres/mettzer-scientific-article.git
  • Acesse a pasta do projeto:

    cd - caminho da pasta -
  • Dentro da pasta do projeto digite:

    npm install
  • Apos instalar as dependências, rode o seguinte comando:

    npm start

Rodar Testes Localmente:

  • Baixe o projeto para sua máquina:

    git clone git@github.com:tonistorres/mettzer-scientific-article.git
  • Acesse a pasta do projeto:

    cd - caminho da pasta -
  • Dentro da pasta do projeto digite:

    npm test