Add Text Length Checker tool with comprehensive text analysis features

- Add new TextLengthTool.js with real-time text statistics
- Features: character/word/line/sentence/paragraph counting, reading time estimation
- Add Text Length Checker to navigation (ToolSidebar, Layout, App routing)
- Add Text Length Checker card to homepage
- Fix button styling with flex alignment for better UX
- Route: /text-length with Type icon from lucide-react
This commit is contained in:
dwindown
2025-09-21 07:09:33 +07:00
parent 6f5bdf5f0d
commit 82d14622ac
7 changed files with 571 additions and 117 deletions

View File

@@ -1,20 +1,10 @@
import React from 'react';
import { ArrowLeft } from 'lucide-react';
import { Link } from 'react-router-dom';
const ToolLayout = ({ title, description, children, icon: Icon }) => {
return (
<div className="max-w-6xl mx-auto">
{/* Header */}
<div className="mb-8">
<Link
to="/"
className="inline-flex items-center text-primary-600 hover:text-primary-700 mb-4"
>
<ArrowLeft className="h-4 w-4 mr-2" />
Back to Tools
</Link>
<div className="flex items-center space-x-3 mb-2">
{Icon && <Icon className="h-8 w-8 text-primary-600" />}
<h1 className="text-3xl font-bold text-gray-900 dark:text-white">