LearnIt

Home Page
Landing Page

Inspiration

Nearly half the students in California cannot read at grade level. And the cost for hiring an english tutor starts from $15/hr. Not everyone can afford this. We want to enable students and help them improve their reading skills. That's why we created LearnIt.

What it does

Learn.It is an app that assists in assessing one's language fluency and helps in improving it. Once the user enters the webapp, they can either enter their own text to read or we can generate a sample passage for you. Once they have the passage, the user can then can start recording their voice and submit it. Our player also gives the user the ability to pause their recording or start a new recording. Upon submitting, our application will connect to Microsoft's Azure Speech API and return the accuracy for each word. The user can also click on the word and listen to the correct pronunciation.

How we built it

UI Design: Figma
Frontend: React.js, Javascript, CSS,
Backend: Node.js, Express, FireBase(For storing recordings), Microsoft Azure(for Speech Recognition)
Styling: Material UI

Challenges we ran into

One of our team members did not have previous experience with React and Material UI so they had to learn it
We faced difficulty in getting the recording from Microsoft's api and rendering the result back on the page.
Completing the project with all its functionality in the limited time given

Accomplishments that we're proud of

Were able to implement our idea properly to create a fully functioned web application
Learnt a lot about the audio analyzer library and the Material UI library

What we learned

Learnt a great deal about how to process audio and store it in the cloud
Learnt about speech recognition and working with Microsoft Azure's Speech API
Collaboration with other developers

What's next for LearnIt

Building a mobile app for LearnIt
Adding more features like saving previous results of the users so that they can keep track of their progress.
Add a graph for visual display