Since the theme of H@B 2019 is "Recess," we wanted to build something to connect kids with other kids! Playtime aims to help parents to find the most suitable playmate for their child and thus schedule playdates with the other child's parent. Besides helping kids find friends in their nearby communities, Playtime also hopes to reduce bullying with supervised playing and give parents some time off.

What it does

The mission of Playtime is helping parents construct compatible and fun playdates for their children ages 2-12. Playtime asks the parents to create an account using an email and fill out a form that gathers the child's information such as age and hobbies used to analyze their compatibility. Zapier will send the form results to a Google sheet where all the responses are stored. Then a compatibility score will be calculated based on age, interest, and zip code similarities. The highest score means the best match! Matches will be sent directly to the parents' email addresses.

How we built it

We built the website using Webflow and worked to edit an existing template to fit our project purpose, adding components such as Sign Up, Form, Profile, Log In, and Log Out tabs. We also used Zapier to connect the for to be sent directly to a Google sheet that records all the responses. The code that is used to calculate compatibility is written in Python.

Challenges we ran into

The team ran into implementation issues on the first day when we had to link Webflow to Zapier and Zapier to Google Sheets, specifically when Zapier needs to recognize the form embedded in Webflow. We also ran into bugs and Webflow server issues when trying to implement the algorithm to find the highest compatible entry.

Accomplishments that we're proud of

We are proud of the UI of the website made with Webflow and coming up a way to calculate the compatibility. Since the primary audience is parents (and their children), the website is easy to read and navigate, clearly explains the steps to sign up, and includes vibrant colors. Using Zapier and Google Sheets, we were able to record and store the responses to be analyzed later.

What we learned

Primarily, we learned how to use new technologies like Webflow and Zapier and connect them together to store the data we gathered. Within Webflow, we learned to customize pages, tabs, and other design elements in the design studio and through the code to fit the purpose of our website. In addition, we learned how to use Firebase to allow user authentication to the website and recognize users signing in and out.

What's next for Playtime

One of the future goals is to include a geo-location display similar to Google Maps and provide users with a more interactive way to find other parents who have signed up. Also, we hope to expand the services of our website such as allowing parents to review other parents to provide better

Built With

Share this project: