Piq-N-Play

• 

  Home Page

• 

  Setup Page

• 

  Question/Submit Page

• 

  Feedback/Game Page

Inspiration

The inspiration for Piq-N-Play came from seeing my young relatives be easily distracted from their education and studies. It also came from my own experience in online learning. There is a lot more self-management, self-motivation, and self-studying that comes into play.

What it does

A student chooses what they want to study on Piq-N-Play, enters their grade level, and then receives a question to answer. They submit a picture of their answer, showing their work, and then submit it to the website. The website gives personal feedback and even a fun game to strengthen their weaknesses.

How we built it

This was built with HTML, CSS, Google Cloud AutoML Vision, javascript, python

Challenges we ran into

Time and inexperience with APIs. I tested the Google Cloud default label vision with a picture of Lebron James, it worked. But after deploying my custom google cloud model, I had trouble getting it to work from python, even though it was working from the website.

Accomplishments that we're proud of

I am proud of how the website looks and glad I took the chance to try out google cloud auto ml vision. As a beginner, this project gives me confidence to explore some of my ideas in my leisure.

What we learned

I learned how to create an animated gradient background in CSS and how to use google cloud AutoML to create my custom vision models.

What's next for Piq-N-Play

Piq-N-Play needs to be able to use the Google Cloud model directly from the Piq-N-Play website. It also needs to add more questions, games, and feedback for the different subjects. Piq-N-Play in its current state seems to be just for K-4 students because of COVID-19. But the idea behind this website is that it will continue to be useful after COVID-19 and for higher education. It is just a matter of adding more advanced questions/machine learning.

Built With

• css
• google-cloud-automl
• html
• javascript
• python
• w3