Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

ux: the homepage has no search field in the first screen; #search sits ~3 screens down again

Ouverte Adaptée aux débutants
#174 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
68/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
javascript
Domaine
frontend, search

Piste de recherche

Commencez par lire la mise en page de la page d’accueil et le code du catalogue qui lit #catalog?q=… ; l’issue ne nomme pas de fichiers spécifiques. Vérifiez comment l’état de recherche du catalogue est renseigné, puis identifiez où les commandes du hero ou du catalogue peuvent rendre cette recherche accessible. Le travail est terminé lorsque le champ est visible sans défilement à des largeurs de 390 px et 1366 px et que l’envoi d’une requête affiche des résultats filtrés.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

enhancement priority: medium

Why it matters

A visitor who arrives with a need ("pixel tileset", "footstep sounds") should be able to search straight away. Right now the first screen has no search field. This is a regression of #26: the newer homepage sections pushed the catalog back down.

Evidence

#search sits at y≈2377 px on desktop (1366×800) and y≈3191 px on mobile (390×844), below the filmstrip, Starter stacks and Safe starting points.

Suggested approach

Add a search input to the hero that submits to #catalog?q=… (the same state the catalog already reads), or move the catalog controls above the editorial sections.

Done when

A search field is visible without scrolling at 390 px and 1366 px widths, and typing in it lands on filtered results.

Langage dominant
JavaScript
Étoiles
58
Forks
15
Merge moyen
1 j 7 h
PR mergées (30 j)
12

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de TMHSDigital/Free-Game-Dev-Assets

Toutes les issues de TMHSDigital/Free-Game-Dev-Assets

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.