-
-
StoryMaker Logo
Inspiration
Our friends and us like to chat on discord and make funny stories so we decided to make a website that does that and reads it out in Text to Speech and lets everyone have a good laugh.
What it does
Each person takes a turn putting in a word for a story. At the end once done they can play it out in Text to Speech and laugh at how funny it was.
How we built it
HTML, CSS, ReactJS, Bootstrap, SpeechSynthesisUtterance class from Javascript for the text to speech.
Challenges we ran into
We never implemented Text to Speech before so we had to learn how to use the SpeechSynthesisUtterance class to do so, in addition React hooks to store data as well as organizing the ideas in general. Also, since we dont have much experience in website making, we could not yet incorperate a system where multiple users could add text at once.
Accomplishments that we're proud of
Learning react hooks, and SpeechSynthesisUtterance class implementation
What we learned
React Hooks, SpeechSynthesisUtterance how to designate and handle tasks in a team.
What's next for StoryMaker
Add in a system for multiple users and make it more interactive!
Log in or sign up for Devpost to join the conversation.