vinitshahdeo/PortScanner

Search Results component in React

Offen

#156 geöffnet am 14.03.2021

Auf GitHub ansehenContributor Guide
 (6 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Python (122 Forks)auto 404
Level3Reactfrontendgssoc21help wantedup for grabs

Repository-Metriken

Stars
 (150 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Erstellen Sie eine neue React Komponente `Results.js`, die Daten aus einer `results.json` Datei importiert und anzeigt, und folgen Sie dabei dem im Screenshot gezeigten UI Design. Stellen Sie sicher, dass die Komponente im Branch `feature/frontend react` im Ordner `network scanner` hinzugefügt wird, ohne `App.js` oder `index.js` zu ändern.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80