Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Feature AddBooking form

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

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
48/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
javascript
Bereich
frontend

Rechercherichtung

Suchen Sie die Seite, auf der die Tabelle mit den Buchungsergebnissen gerendert wird, und prüfen Sie, wie bestehende Buchungen dargestellt werden. Fügen Sie Eingabefelder für Vorname, Nachname, E-Mail-Adresse, Anrede, room id, Check-in-Datum und Check-out-Datum sowie einen Submit-Button hinzu. Überprüfen Sie anschließend, dass das Absenden die neue Buchung in der Tabelle anzeigt, ohne dass sie nach einer Aktualisierung persistent sein muss.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

🏝️ Priority Stretch 📅 Week 3 🧩 Feature

Instructions:

Add a form with <input>s for each of the booking fields (first name, surname, email, title, room id, check in date, check out date) and a 'Submit' <button> element to the bottom of the page. Submitting the form adds the booking to the result table. Note that the new booking won't persist if you refresh the page.

Test:

  • When adding a new booking in the form, it should be displayed in the table.
Vorherrschende Sprache
JavaScript
Sterne
1
Forks
28
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Die Einrichtungsdateien dieses Projekts haben wir noch nicht geprüft. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus CodeYourFuture/React-Module-Project

Alle Issues in CodeYourFuture/React-Module-Project

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

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