This is a view of the full window of the webpage including the P-Up logo and Create and Event button.
Each event has a corresponding tile image after it has been added to the database. Hovering over the picture displays detailed information.
Extension of the search bar after the user has clicked into it to begin typing. Now they may search for a pick-up game of interest.
Here's a Back-end picture of MySQL being configured using myphpadmin. This picture shows the events table where "event" data will populate.
We want to provide information about pick-up games happening around campus in an instantaneous and convenient way. We have had experiences where we wanted to play pick-up games but had no one to play with or were unaware of the games going on at the time.
What it does
Our webapp compiles user-inputted information on pick-up games into a simple but clean page. Whenever someone has some time to spare, they can look at the app and get real-time information about games that are being played at the moment or in the near future. Users are even able to create their own "events" and request others to play.
How I built it
We used HTML, CSS, and Java to code the front end of the web app. Meanwhile, other team members used MySQL, Apache, and PHP to create a database and a back end for the app.
Challenges I ran into
Accomplishments that I'm proud of
The part of our team that was set to take on the front end aspect of the app had never coded in front end before. By the end of the allotted time, we were able to create a nice looking interactive website without using any drag-and-drop programs, such as Bootstrap.
What I learned
Each member of the team learned how to take in new information and apply it to the project in an efficient manner. We found out about programs that we had never heard of. Were able to try them out and become as proficient as we could in them in the available time span. With our limited amount of time, we came to see how to plan out a project so that the most essential parts are put together first.
What's next for P-Up
We are thinking of expanding the back end development of the app with added databases and servers. We were also thinking of turning it into a mobile app, something which will be very useful for the general campus population.