Party Cactus

mainscreen

Inspiration

Most of us must've seen the trend of dancing cactus which caught so much popularity lately. It's really funny and amazing to play with.
These are some resources to give you an idea:-
https://youtu.be/X1ibigO0Am0
https://youtu.be/GIdwnYnJybQ

So this was our inspiration for this party themed hackathon and we ended up making a web version of it, to let people play from wherever they want.
We've called it 🎉Party Cactus 🎉

What it does

It's a web based party cactus, and it's super easy to use. You just need to open the homescreen, tap on the speak button and then say whatever you want to. After you're done saying, just tap on stop and the cactus would repeat it in a very funny tone, while doing a very funny dance lol. It's the exact thing that the toy does, but virtually, so that it's more accessible and basically free.

How we built it

We used flask for the WSGI application server to serve the static pages and content as well as to perform certain calculations and alterations to the audio efficiently. For making our static pages, we used HTML5 and CSS3. For the audio alteration part, we used a library of javascript called Tone.js to let users record their audio, then passed the audio object to the function that changes the pitch of the recorded audio, which then can be listened by clicking the play button. We also used godaddy to take up a domain for our website. Our domain name is
party-cact.us
Also, canva helped us a lot to get some beautiful graphics.

Use of Twilio

We used twilio to let users send invite to their friends via emails. A user just need to tap on the share button and then enter the email of their friend.

Use of Godaddy

We used godaddy to redirect our website to the custom domain name.

Challenges we ran into

We ran into a couple of challenges while completing the project in time. One major challenge was:-
First off, we were keen to make it fully static because it seemed to work that way. But eventually we started facing some errors due to the voice changer functions being async. So we had to quickly shift our whole project on flask, which was a bit exhausting.
We also faced some issues to get the pitch changer thing working in general, but we eventually got through it.

Accomplishments we're proud of

we're proud that we made something very on theme, in the given time frame, and in full working condition!

What we learned

We learnt how to play with audios and alter their properties such as speed, pitch and more. We also learned how to build a clean UI and some more UX principles.