popcodeorg / popcodeorg/popcode

Support multi-page sites

Offen
#786 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

feature
Vorherrschende Sprache
JavaScript
Sterne
191
Forks
143
Ø Merge
4 T. 11 Std.
Gemergte PRs (30 T.)
5

Beschreibung

REPL.it does it, so why can’t we?

Popcode should allow coders to create sites with multiple HTML pages. Definitely a bunch of unanswered questions about how this should work, but a few parameters come to mind:

  • Multi-page functionality should distract from the simple/common use case of just working on a single page. E.g. an always-on tab bar is probably not a good outcome.
  • We only support multiple HTML pages. They all share the same CSS and JavaScript.
  • By default, the preview shows the main HTML page. Coders can link to other pages (meaning the other pages will need “filenames”). We should probably have a validation to ensure that relative links point at valid “filenames”.
Unanswered questions:
  • What happens when you’ve navigated to another page and then you start editing again? Does it keep you on the page you were on, or take you back to the index page? Repl.it takes you back, but it also doesn’t live-update.
  • Do we need to build a back button? Does the browser back button work when navigating within the project preview? (Repl.it’s answers: no, yes)

Accommodating multi-page site workflows would be a major goal of the layout overhaul proposed in https://github.com/popcodeorg/popcode/issues/779

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der Prüfung der in Issue 779 vorgeschlagenen Überarbeitung des Layouts und des bestehenden Vorschauablaufs. Definiere den Abschluss anhand mehrerer HTML-Seiten, die CSS und JavaScript gemeinsam nutzen, einer standardmäßigen Vorschau der Hauptseite und einer Validierung, dass relative Links auf gültige Dateinamen verweisen; kläre die Fragen zur Navigation und Bearbeitung vor der Implementierung.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css, html, javascript
Bereich
frontend, web-dev
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
20/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.