The Study Hub! -- BeaverHacks Summer 2020

About

The Study Hub is a website that allows users to create their own flashcards. These flashcards can then be sent to an Amazon Alexa, which will quiz the user out-loud.

Technologies & Tools

The webpage for creating flashcards was made with Node.js, React, and JS/HTML/CSS. The Alexa Voice User Interaction (VUI) model and skill was created in the Alexa Developer Console. We used Node.js to create the server that maps voice commands to Alexa responses. The Study Hub Web UI was served publicly on an Apache Server with DNS supported by Amazon's Route 53. Reverse proxying was to be handled by Apache Server as well (ran out of time to get this working). The Alexa Skill was also hosted and ran on an express server (Node.js). SSL Certificates were granted for the https://alexa.tristanluther.com domain by Let's Encrypt Certbot

Images

Website for creating flashcards First Second

Alexa Developer Console Third

AWS Lambda Function, where we initially developed the handler functions Fourth

Apache Web Server Config Fifth

What We Learned

It was our first time making new Amazon Alexa skills. We learned how to create a skill, an invocation, and intents that form a model Alexa can use to interact with a user via speech commands. We also learned how to create handlers for mapping user voice commands to Alexa responses. This was the first time our team had set-up a subdomain as well with the alexa subdomain and the first time experimenting with reverse proxies.

Future Improvements

If we had more time to work on this project, we'd like to add the ability to make more than just 5 flashcards. Also given more time we could have worked out issues with the reverse proxies on the server which would have made our project publicly accessable.

Share this project:

Updates