Notae

Inspiration

The COVID-19 pandemic made me change my note-taking habits. More frequently than ever, I was taking notes online, be it in simple Word documents or in markdown. I found this far more accessible and efficient. However, going to back to school meant I constantly going back and forth between my notebook and my laptop. To that end, I decided to make an app that easily turns my physical notes into digital ones.

What it does

The app, Notae, takes an image of your notes and converts it into a digital form, extracting all the text using Google Cloud Vision's API on your handwriting. It also parses, from the first two lines, information regarding the topic, subject, date, with the content itself. It organizes them accordingly. It is a web app, meaning your notes can be accessed from anywhere.

How I built it

I built it with HTML, CSS, Javascript, Node.js, Tailwind CSS, and the Google Cloud Vision API

Challenges I ran into

Getting Cloud Vision to work was really tough as I had never worked with it before. Tailwind CSS was also something completely new to me.

Accomplishments that I'm proud of

Extracting text out of handwriting is so cool! I never though I'd be able to do something like that, but here I am.

What I learned

I learned a lot about how APIs work, and how to manage my time better.

What's next for Notae

I want to maintain it and turn it into a fully-fledged robust app. I want to create a mobile app for it too which not just runs OCR but also lets you scan your notebook, making the process much more cleaner.

Built With

• cloudvision
• css
• html
• javascript
• node.js
• tailwind