✍️ Text to Handwriting (Old Project, Still Rocks)

"Started as a wild idea. Accidentally turned out cool."

This was my “advanced” project back in the day — a website where you type plain boring text, and it gets magically transformed into realistic handwriting. Sounds fancy? Yeah, 13-year-old me thought so too. Shockingly, it actually works. Like... better than expected.

🤯 What It Does

• 📝 Takes your typed text
• 🧙‍♂️ Renders it in a handwriting font
• 🖨️ Generates a downloadable image or PDF (if you're lucky)
• 💻 All done with vanilla HTML, CSS, and JavaScript (and maybe some secret sauce)

🧠 Why I Built It

Because:

• Writing assignments by hand was painful
• I had a brainwave: "What if I could automate laziness?"
• I was feeling dangerous with canvas and font-face

⚙️ Tech Stack

• HTML – Structure like a boss
• CSS – Fonts, spacing, fake paper vibes
• JavaScript – The chaotic brain behind the magic
• Canvas API – Because innerHTML wasn’t enough anymore
• Google Fonts / Custom Fonts – For that handwritten drip

🌟 Features

• 🎯 Real-time typing to handwriting preview
• 🧾 Export as image (fake homework screenshot generator)
• 📐 A4-style layout to simulate notebook paper
• 💾 "Download & submit without touching a pen" energy
• 💅 Surprisingly clean UI for a teen dev

🚧 Things That Might Break (But That’s OK)

• Doesn’t handle 10,000-word essays (yet)
• Font loading may act moody on slow internet
• If you refresh mid-export, blame the universe (or me)

🖼️ Screenshot

Imagine a clean white page, handwriting font, perfect spacing, and a subtle smell of rebellion against manual writing.

🚀 How to Run

git clone https://github.com/raldsz/text-to-handwriting.git
cd text-to-handwriting
open index.html



## 📚 Libraries used

- [html2canvas](https://github.com/niklasvh/html2canvas) - Turns DOM into Canvas.
- [jsPDF](https://github.com/MrRio/jsPDF) - To generate PDF from images.
- [cypress](https://github.com/cypress-io/cypress) - Testing Library
- [serve](https://github.com/zeit/serve) - Start local server

-