Skip to content

Home Page: Interact with entities!

akcode101 edited this page Mar 8, 2021 · 9 revisions

Home Page

Near the top of the home page, the user has a change to create a game with filters. To do this, simply go to the top of the app, and click the button "Create game now!" to be redirected to a page with many search filters.

Also, in the home page, the logged in user has the chance to search for games or users based on a set of filters. To search, first go to the first filter and choose "People" or "Games" based on whether you want to find new people to play one on one games with or find new games to participate in. After selecting "People", you should select some of the next few filters in order to get more specific people to play against, but it's not required.

User Actions:

User filters:

  • Sport (No selection, Basketball, Tennis, Soccer, Badminton, Baseball, Sprinting, Volleyball, American Football)-> Select one
  • Radius in miles (Enter within what radius in miles you'd like to find people to play against based on your current entered home address): Enter a number
  • Skill Levels allowed (1, 2, 3, 4, 5, 6, 7, 8, 9, 10) -> Select all the skill levels of people you're willing to play one on one against: Select multiple
  • Genders allowed (Men, Women, Other) -> Select all the genders of people you're willing to play one on one against: Select multiple
  • Username (Enter any username that you want to use to find one specific user) -> Enter a string
  • Email (Enter any email that you want to use to find a specific user) -> Enter a string
  • Minimum Age of Participants (Enter the minimum age of participants that you are willing to join a one on one game against) -> Enter a number

Below, you'll see a screen shot of good input filters:

FinalPeopleSearchFilters

And below, you'll see a screen shot of how the home page will look like after clicking "Submit search filters!" for people:

image

Interactions with other users after search:

After searching, you should get a list of the users who meet your search criteria. Each user displayed should show the gender of the person through an avatar, the user's username, bio, best sport, skill level in best sport, a button to join a one on one game with the searched user in their best sport, and the times that the user is available. Note that if the user didn't mention a sport when filling out the profile, 'Soccer' will be the default sport used for one one one games.

The main action the user can do after searching for people is to click the "Join one on one game with this athlete!" button. When this button is clicked, the user is taken to another page where he/she can specify details about the game and automatically join himself/herself with the other athlete.

Game Actions:

Game filters:

  • Sport (No selection, Basketball, Tennis, Soccer, Badminton, Baseball, Sprinting, Volleyball, American Football)-> Select one
  • Radius in miles (Enter within what radius in miles you'd like to find people to play against based on your current entered home address): Enter a number
  • Minimum Skill Level in game (1, 2, 3, 4, 5, 6, 7, 8, 9, 10) -> Select one skill level which is the minimum skill level of the games that you're searching for
  • Select within how many weeks ahead the game should be -> Enter a number showing within how many weeks ahead the game you search for should be.

Below, you'll see a screen shot of how good input filters for a "games search" looks like.

FinalGamesSearchFilters

Interaction with other games after a search:

After searching for games, you'll see a list of games displayed that are not yet full and the user is not currently in. The games displayed will show the following information: image of the sport, location of the event, event description, the start time of the event, the minimum skill level, maximum group size, and the number of people in the group if the current user joins.

There are also two buttons, allowing the user to join a game and view the game participants. After clicking the button to view the game participants, you'll be redirected to a game participants page, showing the game participants.

Initially, before you join a game, the searched games will show, or no games will show if nothing was searched. The button asks you to join a game and looks like so:

FinalGameSearchResult

If you click the button to join the game, since the user has joined the game, the text of the button should now ask you to leave the game and look like so:

FinalJoinedGameSearchResult

When joining or leaving a game, you stay at the home page.

Finally, there is a view participants page, which allows you to view the participants in a game. This takes you to another page.