Feature SearchResults
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 35/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- javascript, react
- Bereich
- frontend
Rechercherichtung
Beginne mit der Untersuchung der bereitgestellten -Komponente und ihres JSON-Importmusters. Sieh dir die Bootstrap-Tabellenbeispiele an und unterteile das angeforderte SearchResults-Feature anschließend in kleine, aussagekräftig benannte Komponenten und lege fest, wie sie zusammenspielen. Erledigt ist die Aufgabe, wenn eine Tabelle eine Spalte für jedes Buchungsattribut rendert und mehr als eine Buchung anzeigt.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Create a table to show hotel bookings
Instructions: Create a <SearchResults /> component that shows hotel bookings in a <table> element. Each booking will have an id, title, first name, surname, email, room id, check in date and check out date. You can make up data in the <SearchResults /> component to show in the table. Then show <SearchResults /> component within the <Bookings /> component that is provided. Be sure to split out your components into small well-named components.
Hint: Look in the <Bookings /> component for how to import data from a JSON file.
AS A TEAM
This ticket is too large. Break down this ticket into smaller, well named components, just like we did with Search and SearchButton, Card and Deck, App and AppHeader.
Write your tickets and share them out. You should try to pair on this larger feature as much as you can. Use class time if you can.
Hint: You will find some useful <table> examples in the Bootstrap documentation for tables.
Test:
- A table should render with a column for each booking attribute.
- The table can show more than one booking.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 1
- Forks
- 28
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus CodeYourFuture/React-Module-Project
-
Feature Error Message Offen♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Loading Message Offen🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Search State Offen🐂 Size Medium 📅 Week 3 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Active Row Offen🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Bookings state Offen🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 68/100
Alle Issues in CodeYourFuture/React-Module-Project
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 70/100
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
mksglu/context-mode#1200 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
neondatabase/website#5944 ·
-
module: core
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
bigbluebutton/bigbluebutton#25849 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 75/100
jaegertracing/jaeger-ui#4506 ·