⚡Inspiration

We all used to play connect 4 board game, i mean many of us still do. It's pretty fun and engaging. That is what we wanted to make for jigsaw hacks, but with a little twist. Instead of it being a common connect 4 board game, how about we make it scary, to give the chills while playing. The best part is that it uses handtracking to track your hand position and that's how you'll be playing this game. That is the idea behind our game, Haunt 4

❓ What it does

A user can go up to the website and play Haunt 4, with computer being player 2. A player would need to use the movement of their hand to shift the position of their pieces and drop them in the desired column.

Additionally, we've a twilio whatsapp chatbot version of the game, for the ones who prefer it to be non scary.

💻 How we built it

  1. Web Game
    • HTML CSS for User Interface
    • JS for the logic part of the game
    • handtrack.js to handtrack and shift pieces position
    • GitHub pages to host the game
    • GoDaddy to get the domain name

  2. WhatsApp Chatbot Game
    • TwilioPy library to make the chatbot methods
    • Python as the primary language for logic
    • Flask to serve as an API
    • Heroku to host our API

Usage of twilio

We used twilio to make our whatsapp chatbot where you can play the connect 4 game with computer as player 2

Usage of firebase

We used Firebase to maintain users session while they're playing on whatsapp

🚧 Challenges we ran into

There were a couple of challenges we faced, including:-
• Working with twiliopy
• Getting handtracking to work
• storing session information and updating in firebase

✨ Accomplishments that we're proud of

We're proud of completing it in time and for the vibes of it

📒 What we learned

• making whatsapp chatbots using twilio
• handtracking to get connect 4 logic to work
• making flask api

📈 What's next for Haunt 4

• availability on more platforms
• more themes
• more fun

🔗 Links

• website: https://aakzsh.github.io/haunt-four-web
• api endpoint: http://haunt4.herokuapp.com
• twilio bot invite (send the message "join student-due" to activate for the first time: https://wa.me/+14155238886

Built With

Share this project:

Updates