Hey DEV community! 👋
I wanted to share a quick project I built using AI-assisted development (Vibe Coding): a lightweight, real-time Online Word Counter Tool.
As an SEO specialist, I often need quick text analysis (word count, reading time, character limits). Instead of using bloated third-party sites, I decided to build one using pure JS/PHP with AI guidance.
💡 Key Features Built:
- Real-time word, character, sentence, and paragraph counting.
- Estimated reading & speaking time calculations.
- Clean, fast, and 100% client-side text processing.
🛠️ What I Learned (Vibe Coding Perspective):
- Regex handling: Fine-tuning word breaking algorithms for edge cases (hyphenated words, special symbols, multi-language characters).
- DOM performance: Ensuring smooth typing without lag when processing large documents (>10,000 words).
🔗 Check it out & Feedback:
I’d love for you to try it out and let me know if you run into any bugs or have feature ideas!
👉 Live Demo: Online Word Counter Tool
Feedback on UI/UX or code optimization is warmly welcomed! What micro-tools are you guys building with AI lately?
Top comments (6)
did you run into any issues with the AI hallucinating the logic for the word count or did it nail it first try?
Yeah, I had to explicitly specify pure client-side JS! Once I set that constraint, it nailed the overall structure pretty quickly.
Exactly! It runs 100% client-side in the browser. Zero data sent to any server, no storage at all—purely fast and private!
did you have to prompt it specifically for the client-side logic or did it just get the vibe right on the first try?
Took a few iterations! The main logic worked, but I had to tweak the prompts for edge cases and pure client-side JS.
Exactly! It runs 100% client-side in the browser. Zero data sent to any server, no storage at all—purely fast and private!