Inspiration
The inspiration for our project was the market's lack of an exercise to fully practice your conversation skills and get personalized feedback. We decided to create an app that solves this problem while combining the education and student life project tracks together because we were confident we could create this project.
Project Tracks
- Education
What it does
GrammarQuery is a web app that lets you practice your speaking skills through fun prompts. After recording your answer to a prompt, the app sends the audio file to the Web App API, which returns the transcript of your speech. Next, the Grammar Bot API takes the transcript and outputs the grammatical errors for a user to review.
How we built it
The front-end was made using HTML5, CSS3, and JavaScript, and is hosted on GitHub Pages. We utilized the Web Speech API for the speech to text translation and the Grammar Bot API for grammar corrections.
Challenges we ran into
One of the main challenges we ran into was collaborating and sharing the code with each other. We faced many challenges while using GitHub. Some of us do not know JavaScript or how to use GitHub, but over time everybody became familiar with JavaScript and GitHub. We also faced some challenges while using APIs, it took a while to find the right API and it was hard to pull data from it, but after spending a lot of time on these challenges we were able to overcome them.
Accomplishments that we're proud of
We're proud of our beautiful and responsive front-end and utilizing APIs for the first time
What we learned
We learned many valuable skills that will carry on through our careers. From using git to share code between each other. How APIs work. A better understanding of JavaScript, HTML, and CSS as a whole. More importantly, being organized and having clear communication is something we can not learn on our own.
What's next for GrammarQuery
We can improve the language support by using a better API and giving better grammatical suggestions to the users. Improve the design of GrammarQuery by making it look fancier and more appealing. Add more features to the website such as giving definitions of the words etc. We can have an actual server in the future and launch the website to help non-native English speakers.
Built With
- css
- grammarbot
- html
- javascript
- webspeech
Log in or sign up for Devpost to join the conversation.