popcodeorg / popcodeorg/popcode
“Debug Info” modal
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 191
- Forks
- 143
- Ø Merge
- 4 T. 11 Std.
- Gemergte PRs (30 T.)
- 5
Beschreibung
In many cases it would be helpful for students to quickly get debugging information when working with Popcode’s developers to try to resolve issues. So, let’s create a “debug info” feature, accessible from the hamburger menu, that pops up a modal with the following information (plus any more that we can think of):
- User ID (if logged in)
- Raw user agent
- Parsed user agent info from Bowser
- Viewport dimensions
A one-click copy button would be particularly useful here.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das Hamburger-Menü und bestehende Modal-Muster im Popcode-Frontend zu finden, und prüfe anschließend, wie Bowser derzeit für geparste User-Agent-Informationen verwendet wird. Implementiere die debug-info-Ansicht mit den aufgeführten Feldern und einer Ein-Klick-Kopieraktion und verifiziere, dass sie über das Menü geöffnet werden kann und die angezeigten Informationen kopiert.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript
- Bereich
- frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100