Inspiration
I have always wanted to make a voice-text application due to the user convenience, widespread usefulness, and its something I have never done before.
What it does
This application allows users to create a new website, by verbally describing it's contents.
How I built it
As this was a website-related application, I chose to use JavaScript, HTML, and CSS as the primary components of the platform. Browser based APIs and built-in APIs, namely Web-Speech API, File API, and DOM API were used to more smoothly integrate functionality. Node.js and Next.js were used for ease of Server and Application development. ChatGPT and Claude.AI were large references in the making of this Project.
Challenges I ran into
The largest of the many challenges I ran into was using APIs. Since I previously have hardly worked with them, I had to do research and testing. I initially attempted to retrieve a OpenAI API key in order to access it's functionalities. While the program did function, due to having a secret API key, I could not directly Push my commits to GitHub. After learning that there are some Key-free APIs, I decided to focus on raw ML rather than relying on OpenAI.
Accomplishments that I'm proud of
The organization of the platform makes me proud. Through development, I increasingly created functions rather than raw instant code that made the program more readable.
What I learned
Through research and debugging, I learnt so much about APIs
What's next for Voice to Website Platform
Next steps are to develop formatting and visual commands into the ML. For example, "Text Blue would turn the text blue until changed. Additionally, have the Application be able to go back and edit previous lines.
Built With
- blob-api
- css
- dom-api
- html
- javascript
- speech-recognition-api
- url-api
Log in or sign up for Devpost to join the conversation.