Business card scanner

• 

  Front page

• 

  select an image

• 

  image is displayed

• 

  Get the plain text

• 

  Filter the results

• 

  Save it in database

• 

  A json output (can be inserted to db)

Inspiration

MLH hackathon

What it does

It scans the card/ image and displays the text for user to manipulate and then save

How I built it

1) I used react for the frontend 2) Used OCR tesseract.js 3) Displayed result

Challenges I ran into

I am still puzzled that why I couldn't edit the Select component. Had to resort into traditional method of taking input. Because of this GUI looks ugly and there is too many redundancy in the code

Accomplishments that we're proud of

I learn many new things in a span of like 4 hrs, this makes me very happy.

What we learned

We learned to use tesseract.js, handle file input, use react-select

What's next for Business card scanner

• Make it responsive
• Better OCR accuracy
• Store the data in a database

Built With

• react
• tesseract
• vite