VolleyHub

Inspiration

As part of the volleyball club Exco, we need to handle

What it does

As a user, they can change their username, join/exit sessions, add friends and see how many friends are going to a specific session. As a user with administrative power, alongside all the functions a normal user have, they can help create the court sessions and post them to all the users. Additionally, they can give administrative powers to other users.

How we built it

VolleyHub was built using react native framework using the Typescript language. For backend storage of user authentication, username and collation of session members, firebase was used. Lastly we use expo to to help run the the entire app.

Challenges we ran into

One challenge we faced was converting a local mock data set on the app and converting it into the shared firebase data set. These include storing friend requests, friends, court bookings and user details.

Accomplishments that we're proud of

We are proud that any changes in our firebase data is immediately updated on the app. We are also proud that our app is very user friendly and it is very intuitive. The user interface is simple yet informative which will allow everyone to be able to use it with minimal guidance.

What we learned

We learn that the user interface is very important. A simple yet intuitive interface is better than a flashy yet complicated one. When creating an app, we must always make it with the users in mind.

What's next for VolleyHub

We are hoping to implement VolleyHub into our Volleyball Club CCA in order to make joining volleyball sessions as well as managing them much easier. In the future, we plan to make it such that users can join a session as a group. This would ensure that players in the group will be able to play together in the same sessions. In the future, we will add additional features such as users having profile pictures as well as photo sharing for the volleyball session. Additionally, we would like to gamify the app as well, giving points to more active players and possibly provide a rewarding system.

Built With

• css
• cursor
• firebase
• reactnative
• typescript