https://github.com/saketr3/devanagarai-displaycopy

A web app where users can practice handwriting in Hindi with a character recognition neural network (team project)
https://github.com/saketr3/devanagarai-displaycopy

convolutional-neural-network flask

Last synced: about 7 hours ago
JSON representation

A web app where users can practice handwriting in Hindi with a character recognition neural network (team project)

• Host: GitHub
• URL: https://github.com/saketr3/devanagarai-displaycopy
• Owner: SaketR3
• Created: 2024-01-04T22:58:55.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-08-16T16:44:07.000Z (3 months ago)
• Last Synced: 2024-08-16T18:16:59.896Z (3 months ago)
• Topics: convolutional-neural-network, flask
• Language: Python
• Homepage:
• Size: 113 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
DevanagarAI


Concept

Handwriting is important for full language comprehension, but there are few online resources addressing this. This is especially so for non-Western scripts such as Devanagari: the script used for languages such as Hindi, which is spoken by hundreds of millions of people.







That's where DevanagarAI comes in. DevanagarAI is a web app that will help users practice your handwriting of Devanagari characters. The web app randomly displays different Devanagari characters, which users then have to draw on the on-screen drawing pad. Once a user submits their answer, a convolutional neural network (CNN) analyzes what they drew and predicts what character they drew. If the character they drew doesn't match the character that was assigned, users can redraw the character until they get it right. 







This was a team project part of the CS Honors program at UIUC. I designed part of web app front-end, connected the front-end to the back-end API, and wrote some of the logic (i.e. for checking whether the predicted and assigned character match, programming some of the buttons like 'Skip', etc.). The project was admitted to the course Hall of Fame! 








Tech Stack



    
Flask for serving the model

    
AJAX for API

    
JavaScript, HTML, & CSS for front-end

    
TensorFlow for model






Images



Incorrect Drawing Example:


![Drawing pad with user's drawing and text indicating that the character drawn is wrong](https://github.com/user-attachments/assets/79175db9-03d3-4529-9220-a03c525107d3)




 

Correct Drawing Example: 

![Drawing pad with user's drawing and text indicating that the character drawn is correct!](https://github.com/user-attachments/assets/2da40730-03d6-4414-b3d3-8e625b60de92)



Team Members: as203, aidansa2, laiwei4, aizzani2, yr17, saketr3

Project Manager: muktaj2