CodeForPhilly / CodeForPhilly/third-places

Add search bar to homepage

Offen
#30 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
react
Vorherrschende Sprache
Python
Sterne
8
Forks
6
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

# Overview

Add the search bar to the homepage. We have not selected a autocomplete library nor a place lookup, but please do your best to add the functionality for the drop downs shown in the wireframes below. This does not include adding search functionality yet (though if you have a solution in mind for that please go ahead)

# Wireframes/Screenshot (optional)

From [Miro](https://miro.com/app/board/uXjVMWaM07U=/?moveToWidget=3458764553393749590&cot=14)
![image](https://user-images.githubusercontent.com/64238570/236508657-e6dc3ff4-8b32-4c94-a350-b00c21f60a61.png)

# Context

Blocked by #26 & #27

# Suggested solution (optional)

Bootstrap doesn't seem to ave a straightforward Search component, but the [Input Group](https://react-bootstrap.netlify.app/docs/forms/input-group) may have something we could use. I recommend looking through the Bootstrap documentation to find something useable.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der Implementierung der Homepage und prüfe das verlinkte Miro-Wireframe sowie die Dokumentation zu React-Bootstrap Input Group. Bestätige das Dropdown-Verhalten und die Auswahl der Komponente oder Bibliothek, nachdem die blockers #26 und #27 behoben sind; abgeschlossen bedeutet, dass die Suchleisten-UI der Homepage dem Wireframe entspricht, ohne Suchfunktionalität zu erfordern.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
bootstrap, react
Bereich
frontend, web-dev
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
20/100

Neue Issues direkt in Ihr Postfach

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