Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Add search bar to homepage

Đang mở
#30 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
20/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
bootstrap, react
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Bắt đầu từ phần triển khai homepage và xem lại wireframe Miro được liên kết cùng tài liệu React-Bootstrap Input Group. Xác nhận hành vi của dropdown và các lựa chọn về component hoặc library sau khi các blockers #26 và #27 được giải quyết; hoàn tất có nghĩa là UI thanh tìm kiếm của homepage khớp với wireframe mà không yêu cầu chức năng tìm kiếm.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

react

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
image

Context

Blocked by #26 & #27

Suggested solution (optional)

Bootstrap doesn't seem to ave a straightforward Search component, but the Input Group may have something we could use. I recommend looking through the Bootstrap documentation to find something useable.

Ngôn ngữ chính
Python
Star
8
Fork
6
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của CodeForPhilly/third-places

Tất cả issue của CodeForPhilly/third-places

Issue tương tự

Thêm issue về Python

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.