PFinder

A website that helps players find teammates or people to play against in several sports. The site lets you submit an opening for people with criteria like age & level of play to suit your preferences.

Comment

Inspiration

As a new immigrant to Canada, I was finding it hard to make friends. In my opinion, one of the best ways to connect with people is sports. When I searched for a site to find openings, most led to paid camps or coaching sessions. So, I thought why not create a website where you can find people in your area, of your age, who play the same sports as you and who need a rival or a team member.

What it does

PFinder allows you to submit an opening for people to come join you to play several sports. It also has a live map with markers at all submitted playing locations, so you can even gather information about sports facilities around you. By clicking on a submission, you then get details about the submitters socials, so to join them to play. And even, if you don't end up playing, that's a new friend you've made for the future.

How I built it

PFinder uses HTML and CSS for the front-end development & stylization of elements. PHP is used for server-side scripting: Verifying login, creating an account & submitting an opening. JavaScript is used to operate the modals as well as add pins and set up the Google Maps API. It also is used when implementing its geolocation API in order to collect coordinates of the place of the event.

Challenges I ran into

It was a bit challenging to figure out how to setup the Google Maps API , getting a credential and an API key. PHP is not something I code very often so writing the registration, login and submission PDO codes was also tough and time consuming. I also had some difficulty storing coordinates from the geolocation API .

Accomplishments that we're proud of

Proud that I was able to develop a website with mostly functioning parts in about 36 hours working solo. Also glad that I was able to introduce API's that I learnt about recently and build a well structured, visually appealing and somewhat functional website.

What we learned

The Machine Learning Workshop was extremely informative & I was thankful to be able to learn about the Google Teachable Machine, training your own model, and understanding good coding habits while developing websites.

What's next for PFinder

I want to get this website on a live server and actually have it be functional and available. There is still certain things to be added and fixed like changing the recent submission data using PHP (making it non-static) and adding filters like age, level of play and sort by location while searching for openings. This website has the potential to be used by people across the world to collaborate and play sports together and I hope to accomplish that goal in the near future.

Share this project:

Updates