vinitshahdeo/PortScanner

Search Results component in React

Aberta

#156 aberto em 14 de mar. de 2021

Ver no GitHubGuia do colaborador
 (6 comentários) (0 reação) (1 responsável)Python (122 forks)auto 404
Level3Reactfrontendgssoc21help wantedup for grabs

Métricas do repositório

Stars
 (150 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

As we've built many features to justify the one-liner description of this project i.e. a go-to networking tool, now it's time to revamp the existing UI.

Add a new component Results.js which willdisplay the result of the current scan. Refer the image attached below for design.

As of now, create Results.js which takes input from results.json(create a json file with hardcoded results) and display them according to the UI

P.S. : The basic frontend on react is available on feature/frontend-react branch in the folder network-scanner. Add your components in the same branch. Do not make any changes in App.js / index.js.

image

Guia do colaborador

Direção de pesquisa
Crie um novo componente React `Results.js` que importe e exiba dados de um arquivo `results.json`, seguindo o design de UI mostrado na captura de tela. Certifique se de adicionar o componente ao branch `feature/frontend react` na pasta `network scanner` sem modificar `App.js` ou `index.js`.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80