feat: add more tools and update SEOs

Author: mingrammer

README.md

@@ -1,73 +1,86 @@
-# Welcome to your Lovable project
+# DevToolKit - Essential Developer Utilities
 
-## Project info
+A comprehensive collection of free online tools designed to make developers' lives easier. All tools work entirely in your browser without requiring any downloads or installations.
 
-**URL**: https://lovable.dev/projects/e4e07847-1c29-4747-950a-c8fb93fe58a4
+## Available Tools
 
-## How can I edit this code?
+### 📝 Text Processing
 
-There are several ways of editing your application.
+- **UUID Generator** - Generate secure UUIDs (v4, v5) with namespace support
+- **Lorem Ipsum Generator** - Create placeholder text in words, sentences, or paragraphs
+- **Case Converter** - Transform text between camelCase, snake_case, UPPERCASE, lowercase, and more
+- **Password Generator** - Create strong, secure passwords with customizable options
+- **Text Diff** - Compare two texts and highlight differences side by side
+- **Escape/Unescape Tool** - Encode and decode HTML, URL, and JSON strings
+- **Text to Slug** - Convert text into SEO-friendly URL slugs
+- **Word Counter** - Count words, characters, sentences, paragraphs, and estimate reading time
 
-**Use Lovable**
+### 🔐 Encoding & Conversion
 
-Simply visit the [Lovable Project](https://lovable.dev/projects/e4e07847-1c29-4747-950a-c8fb93fe58a4) and start prompting.
+- **Hash Generator** - Generate MD5, SHA1, SHA256, SHA512, and other hash types
+- **Base64 Converter** - Encode and decode Base64 strings with toggle modes
+- **QR Code Generator** - Create QR codes for text, URLs, and other data with customizable sizes
+- **Number Converter** - Convert numbers between binary, decimal, hexadecimal, and octal
 
-Changes made via Lovable will be committed automatically to this repo.
+### ⏰ Time & Date
 
-**Use your preferred IDE**
+- **Unix Timestamp Converter** - Convert between Unix timestamps and human-readable dates
+- **Timezone Converter** - Convert times between different timezones
+- **Cron Generator** - Create and validate cron expressions with human-readable descriptions
 
-If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
+### 📊 Data Format
 
-The only requirement is having Node.js & npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)
+- **JSON to CSV Converter** - Transform JSON data into CSV format for spreadsheets
+- **CSV to JSON Converter** - Convert CSV data into structured JSON objects
+- **YAML to JSON Converter** - Transform YAML configuration files to JSON
+- **JSON to YAML Converter** - Convert JSON into human-readable YAML format
+- **CSV to YAML Converter** - Transform tabular CSV data into YAML structure
+- **YAML to CSV Converter** - Convert YAML data into CSV for data analysis
+- **JSON Formatter/Validator** - Format, validate, and beautify JSON with syntax error detection
+- **Locale Converter** - Convert between language codes (ISO 639) and country codes (ISO 3166)
+- **Number Formatter** - Format numbers with currency, percentage, and thousands separators
 
-Follow these steps:
+### 🛠️ Developer Tools
 
-```sh
-# Step 1: Clone the repository using the project's Git URL.
-git clone <YOUR_GIT_URL>
+- **Regex Tester** - Test regular expressions with real-time matching and highlighting
+- **Markdown Viewer** - Preview markdown with syntax highlighting for code blocks
+- **CIDR Calculator** - Calculate network ranges, subnets, and IP address information
 
-# Step 2: Navigate to the project directory.
-cd <YOUR_PROJECT_NAME>
+## Getting Started
 
-# Step 3: Install the necessary dependencies.
-npm i
+1. Visit any tool from the sidebar navigation
+2. Enter your data in the input fields
+3. See instant results in the output area
+4. Copy results or download files as needed
 
-# Step 4: Start the development server with auto-reloading and an instant preview.
-npm run dev
-```
-
-**Edit a file directly in GitHub**
+## Development
 
-- Navigate to the desired file(s).
-- Click the "Edit" button (pencil icon) at the top right of the file view.
-- Make your changes and commit the changes.
+This project is built with React, TypeScript, and Tailwind CSS. To run locally:
 
-**Use GitHub Codespaces**
+```bash
+# Clone the repository
+git clone <repository-url>
 
-- Navigate to the main page of your repository.
-- Click on the "Code" button (green button) near the top right.
-- Select the "Codespaces" tab.
-- Click on "New codespace" to launch a new Codespace environment.
-- Edit files directly within the Codespace and commit and push your changes once you're done.
+# Install dependencies
+npm install
 
-## What technologies are used for this project?
-
-This project is built with:
+# Start development server
+npm run dev
+```
 
-- Vite
-- TypeScript
-- React
-- shadcn-ui
-- Tailwind CSS
+## Contributing
 
-## How can I deploy this project?
+Contributions are welcome! Feel free to:
 
-Simply open [Lovable](https://lovable.dev/projects/e4e07847-1c29-4747-950a-c8fb93fe58a4) and click on Share -> Publish.
+- Report bugs
+- Suggest new tools
+- Submit pull requests
+- Improve documentation
 
-## Can I connect a custom domain to my Lovable project?
+## License
 
-Yes, you can!
+This project is open source and available under the MIT License.
 
-To connect a domain, navigate to Project > Settings > Domains and click Connect Domain.
+---
 
-Read more here: [Setting up a custom domain](https://docs.lovable.dev/tips-tricks/custom-domain#step-by-step-guide)
+**Made with ❤️ for developers by developers**

index.html

@@ -1,22 +1,82 @@
-
 <!DOCTYPE html>
-<html lang="ko">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>DataForge - 개발용 샘플 데이터 생성기</title>
-    <meta name="description" content="프로젝트 개발과 테스트에 필요한 다양한 샘플 데이터를 JSON, CSV, SQL 형식으로 생성하는 무료 도구" />
-    <meta name="author" content="DataForge" />
-    <meta name="keywords" content="샘플 데이터, 데이터 생성기, 개발 도구, JSON, CSV, SQL, 테스트 데이터" />
+    <title>DevToolKit - Essential Developer Utilities & Tools</title>
+    <meta name="description" content="Free online developer tools including JSON formatter, UUID generator, Base64 converter, QR code generator, password generator, and more. Essential utilities for developers." />
+    <meta name="author" content="DevToolKit" />
+    <meta name="keywords" content="developer tools, JSON formatter, UUID generator, Base64 converter, QR code generator, password generator, regex tester, markdown viewer, hash generator, case converter, Lorem Ipsum, text tools, encoding tools, data format converter, 개발자 도구, JSON 포맷터, UUID 생성기" />
 
-    <meta property="og:title" content="DataForge - 개발용 샘플 데이터 생성기" />
-    <meta property="og:description" content="프로젝트 개발과 테스트에 필요한 다양한 샘플 데이터를 JSON, CSV, SQL 형식으로 생성하는 무료 도구" />
+    <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+    <meta property="og:url" content="https://devtoolkit.com/" />
+    <meta property="og:title" content="DevToolKit - Essential Developer Utilities & Tools" />
+    <meta property="og:description" content="Free online developer tools including JSON formatter, UUID generator, Base64 converter, and more. Essential utilities for developers." />
+    <meta property="og:image" content="https://devtoolkit.com/og-image.png" />
+    <meta property="og:site_name" content="DevToolKit" />
 
+    <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@dataforge_dev" />
-    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
+    <meta name="twitter:url" content="https://devtoolkit.com/" />
+    <meta name="twitter:title" content="DevToolKit - Essential Developer Utilities & Tools" />
+    <meta name="twitter:description" content="Free online developer tools including JSON formatter, UUID generator, Base64 converter, and more." />
+    <meta name="twitter:image" content="https://devtoolkit.com/og-image.png" />
+
+    <!-- Additional SEO -->
+    <link rel="canonical" href="https://devtoolkit.com/" />
+    <meta name="robots" content="index, follow" />
+    <meta name="googlebot" content="index, follow" />
+    
+    <!-- Language alternates -->
+    <link rel="alternate" hreflang="en" href="https://devtoolkit.com/" />
+    <link rel="alternate" hreflang="ko" href="https://devtoolkit.com/" />
+    <link rel="alternate" hreflang="x-default" href="https://devtoolkit.com/" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebApplication",
+      "name": "DevToolKit",
+      "description": "Essential online developer utilities and tools",
+      "url": "https://devtoolkit.com",
+      "applicationCategory": "DeveloperApplication",
+      "operatingSystem": "Any",
+      "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+      },
+      "featureList": [
+        "JSON Formatter/Validator",
+        "UUID Generator", 
+        "Base64 Converter",
+        "QR Code Generator",
+        "Password Generator",
+        "Hash Generator",
+        "Regex Tester",
+        "Markdown Viewer",
+        "Case Converter",
+        "Lorem Ipsum Generator",
+        "Word Counter",
+        "Data Format Converters"
+      ]
+    }
+    </script>
+
+    <!-- Google Analytics (placeholder) -->
+    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'GA_MEASUREMENT_ID');
+    </script> -->
   </head>
 
   <body>
@@ -25,4 +85,4 @@
     <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>

public/robots.txt

@@ -1,14 +1,21 @@
-User-agent: Googlebot
+User-agent: *
 Allow: /
 
-User-agent: Bingbot
-Allow: /
+# Sitemap
+Sitemap: https://devtoolkit.com/sitemap.xml
 
-User-agent: Twitterbot
+# Specific crawler rules
+User-agent: Googlebot
 Allow: /
 
-User-agent: facebookexternalhit
+User-agent: Bingbot
 Allow: /
 
-User-agent: *
-Allow: /
+# Disallow admin or temporary directories if any
+Disallow: /admin/
+Disallow: /temp/
+Disallow: /.git/
+Disallow: /node_modules/
+
+# Allow all tools
+Allow: /tools/