STEP-Pod-Capstone-Project / Capstone-Project

https://book-book-app.appspot.com
Apache License 2.0
4 stars 0 forks source link

Updated Browse, Club Search Page #106

Closed antoniolinhart closed 4 years ago

antoniolinhart commented 4 years ago

Description

This PR focuses on implementing a way to search for clubs on the Browse tab. Originally, the user could only enter a search term and get a list of books matching that search term, but now the user can get a list of clubs based on the search term as well.

A new ClubSearchList was added to perform the search for Clubs by using a new ClubSearchServlet with prefix matching based on the name of the clubs.

Breakdown

Main Difficulties

I decided to create a new ClubSearchServlet instead of adding an if-check to the original ClubServlet because I did not want to make it too cluttered. This ClubSearch is not likely to be used extensively across the application, while the doGet inside the ClubServlet is used in many places.

I decided to make Browse a stateful component since it needed to fetch and store the books that would be required by the BookSearchList and ClubSearchList.

Screenshot of Feature

This is the new default search view when someone enters a new search term into the box.

New Book Search View With Tabs

This is the new club search view when the user clicks on the Clubs tab!

New Club Search View With Tabs

Mobile view updated to work with the new tabs.

Mobile Book Search View With Tabs