Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Browse: add a Decision / Optimization filter and problem card tag

Aperta
  • Qualcosa non va?
#321 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
66/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, redux
Ambito
frontend

Direzione di ricerca

Start with components/hooks/ProblemFilters/useProblemIndex.js and useProblemFilters.js, comparing how problemType is read and filtered; then inspect pages/browse/index.js and components/widgets/ProblemCard.js for the existing facet and chip patterns. Add the new field to the Browse and Home card/tag flows, including the label and color in tagLabels.js and tagStyles.js; verify the Unclassified grouping and Clear Filters behavior. The backend field is a dependency, so check the linked ReduxISU issue before testing.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement

Summary

Add a Decision / Optimization filter to the Browse page sidebar, and a matching tag on problem cards (and on Home, next to the Complexity Class and Problem Type tags).

Details

  • Depends on the backend exposing the field: ReduxISU/Redux issue linked in a comment below.
  • components/hooks/ProblemFilters/useProblemIndex.js: read the new field per problem, the same way problemType is read.
  • components/hooks/ProblemFilters/useProblemFilters.js: add selected-values state and filtering, parallel to the existing facets, and include it in the active filter tags and Clear Filters.
  • pages/browse/index.js: add a FacetFilterGroup labeled "Problem Kind" (or "Decision / Optimization").
  • components/widgets/ProblemCard.js: add a chip next to the Complexity Class and Problem Type chips, clickable into the filter like the others (#238), with a label and color in tagLabels.js / tagStyles.js.
  • Problems the backend still reports as Unclassified should be grouped the same way other facets handle it.

Related

  • #286: Browse and Home tags/filters tracker
  • #254: Problem Type tags on Home and Browse

Issue Handling

New issue, not tied to an existing one.

Lingua principale
JavaScript
Stelle
3
Fork
18
Merge medio
1g 3h
PR unite (30g)
35

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

  • Include un Dockerfile o un file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ReduxISU/Redux_GUI

Tutte le issue di ReduxISU/Redux_GUI

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.