I made a Text-to-handwriting tool to write my college assignments for me ๐ค
Saurabh Daware ๐ป
ใป1 min read
Hi everyone, I hope you all are safe and doing fine!
I prefer typing over writing and college told us to write some assignments and I was bored.
So instead of spending 1 hour to write assignments, I spent 3 hours to build a tool that writes assignments for me ๐. It is called Text-to-handwriting (see... I'm really good at naming my projects)
Text to Handwriting converts text content to an image that looks like handwriting. So this is what the output looks like:
Output
Features
- Draw diagrams
- Change font-size, ink color, spacing, etc.
- Upload font button for custom handwritings (so you can create a font of your handwriting from other online tools and upload the font file)
URLs
Tool
https://saurabhdaware.github.io/text-to-handwriting
GitHub
Do โญ the repository
saurabhdaware
/
text-to-handwriting
So your teacher asked you to upload written assignments? Hate writing assigments? This tool will help you convert your text to handwriting xD
https://saurabhdaware.github.io/text-to-handwriting/
I hate writing assignments so I made this tool that converts text to an image that looks like handwriting
๐ Output
๐ค Contributing
Checkout Contribution Guide for local setup and contribution guide.
๐ Libraries used
- html2canvas - Turns DOM into Canvas.
- jsPDF - To generate PDF from images.
- cypress - Testing Library
- serve - Start local server
Bye!
Have fun
Do share it with your twitter fam ๐บ๐ป
Saurabh Daware ๐ป (56%)@saurabhcodes
I was bored to write assignment so I wrote a tool that converts text to an image that looks like handwriting xD
I hope my teacher is not on twitter .___.
Do RT (as long as it doesn't reach your teachers :D)
github.com/saurabhdaware/โฆ12:22 PM - 24 Mar 2020
58
270
Thank you for reading ๐จ๐ Let me know your thoughts comments.
You can follow me on Twitter @saurabhcodes and on GitHub @saurabhdaware
Bye! stay safe and remember we are going get through this ๐ป
Posted on Apr 19 by:
Saurabh Daware ๐ป
21, JavaScript Fanboi. Building Abell, A new static-site-generator. also sunflower is my favorite emoji๐ป (He/Him)
Discussion
What an awesome project!! ๐ฅ Loved how easy to use this is!
I made something similar to this before, I tried to use AI to generate human-like handwriting! github.com/CT83/handwriting-synthesis
Your handwriting is just awesome!!!
haha but its not really my handwriting in that image. This one is
Still, pretty impressive.
This is unique and quite creative, Saurabh! I'm gonna share this in our Telegram channel: t.me/bestofdev ๐
Thank you so much, Utkarsh :D๐
My love
haha glad you like it!
Lovely!
One quick note, when adding a drawing the text overflows. see screenshots attached.
dev-to-uploads.s3.amazonaws.com/i/...
Thank you so much and thank you for reporting the bug. I've fixed it now.
Naughty ๐ I wish my handwriting was that tidy!
haha, in that case, there are options in some 'create font from handwriting' tools to add alternate versions of letters so in the font it switches between the letters randomly. You can create font of your handwriting there and upload the font in my tool.
I know Calligraphr they provide option to switch between letters.
Absolutely excellent.
Thank you, Kevin :D
Awesome job, really impressed with the outcome.
Minor note; when I add a diagram, the hand-written text overlaps the "How to add your own handwriting?" section.
ops I broke it while changing something else. Thanks for reporting I'll fix it.
and I'm glad that you liked it ๐ป
Only 3 hours? How you did it so fast? Or now version on Github more advanced? However, it really interesting and useful project.
oh yes the current version is more advanced. In 3 hours I got the basic working prototype so it was not having the draw diagram feature and form was not having any css they were added later.
So cool!
Thank you :D
Iโd implement some fixed mistakes :D
This is cool! I'll try it!
Good idea ๐, Assignments usually are written in notebooks. So did you take printouts and stick it? Second, teachers may ask questions like, is this your hand writing?
Thank you and in our university, we have to write assignment in a notebook and upload pdf of scanned assignment on our website so I can just generate image and turn it into PDF.
Also about the handwriting, you can add your own handwriting to it with the font upload button. So this one is truely my handwriting
Hey man ! A new JS developer here.. I wanted to ask some questions ? any how I can reach you ?
Hi Mihir, you can reach out on twitter dm. I'm on twitter as @saurabhcodes
Pardon my french, but this is fucking amazing! ๐ฏ
Really Impressive.
Should we type the text or can we just copy-paste it ?
Awesome prg :))
This is awesome! I've made this essaytoolbox.com/conclusion-generator tool recently.
Woah! This is amazing!!