Letters at ease

thumbnail
Home Page
Image used in demo

Inspiration

Teachers have a lot of stuff to teach, they manage noisy children, take care of their homes and some other tedious tasks but the last thing they'd want to do is figure out messy handwriting of kids. What if a kid's notebook looks more like scribbles than words, wouldn't it make you go - ughhhhhh! Here's a website that helps you read messy handwritings with ease by converting it to text. Also, Do teachers have to keep dealing with this always? No, because we'll be helping students to improve their handwriting by providing a space where they can practice it. Saving the world one letter at a time and hopefully making notes look neat.

What it does

For Teachers The website allows the users to upload images of messy handwriting. It recognizes the letters in the image and converts them to readable text with the help of an API. This saves the time and is easy to use.

For Students Students can practice their handwriting in the drawing space provided and can improve it.

How we built it

Frontend using React and Tailwind CSS. Designs using Adobe Illustrator.

Backend using NodeJS and modules such as nodemon, handlebars, and the google cloud vision API

Challenges we ran into

Managing ES6 modules in React and NodeJS
Editing code lines to not require ES6 syntax because Tailwind CSS does not properly support ES6
Spent hours trying to figure out async, await, promise and wait functions in NodeJS to return the proper output instead of a Promise Object
Managing Google Cloud credentials

Accomplishments that we're proud of

Using Google Cloud APIs locally
Learned a lot about working with responsive APIs and using async, await, and wait calls to fetch the API response properly before displaying/working with the response.
Working with different routes in NodeJS.
Integrating React and Tailwind with NodeJS.

What we learned

Using Google Cloud APIs locally
Learned a lot about working with responsive APIs and using async, await, and wait calls to fetch the API response properly before displaying/working with the response.
Working with different routes in NodeJS.
Integrating React and Tailwind with NodeJS.