Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Feature SearchResults

Aberta
#6 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Funcionalidade
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript, react
Domínio
frontend

Direção de pesquisa

Comece inspecionando o componente fornecido e seu padrão de importação de JSON. Revise os exemplos de tabelas do Bootstrap e, em seguida, divida o recurso SearchResults solicitado em componentes pequenos e bem nomeados e defina como eles se encaixam. Está concluído quando uma tabela renderiza uma coluna para cada atributo de uma reserva e exibe mais de uma reserva.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

🏕 Priority Mandatory 🐋 Size X-Large 📅 Week 1 🧩 Feature

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.
Linguagem predominante
JavaScript
Estrelas
1
Forks
28
Nenhum PR com merge em 30d

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de CodeYourFuture/React-Module-Project

Todas as issues de CodeYourFuture/React-Module-Project

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.