# Online's Tool - Your Digital Toolbox (Full Documentation)

> A curated digital toolbox and AI tools directory for developers, designers, and creators. Discover 500+ free tools and 700+ sites across 62 categories.
- URL: https://onlinestool.com
- Languages: English, Chinese (中文), Japanese (日本語), Korean (한국어), German (Deutsch), Spanish (Español), French (Français), Russian (Русский)

---

## 1. Platform Overview

Online's Tool is a comprehensive digital toolbox and AI tools discovery platform. It serves two main purposes:

1. **Free Online Tools**: A collection of 500+ browser-based utilities that require no installation
2. **AI Tools Directory**: A curated directory of 700+ AI tools, services, and websites organized by category

The platform is built with a focus on:
- **Accessibility**: All tools are free to use without registration
- **Performance**: Fast, client-side processing where possible
- **Design**: Clean, modern UI with full dark mode support
- **Discovery**: Easy browsing by category, search, and random exploration

---

## 2. Site Structure

### 2.1 Main Pages

| Page | URL | Description |
|------|-----|-------------|
| Homepage | https://onlinestool.com | Hero section, featured tools, categories, latest sites |
| Sites Directory | https://onlinestool.com/sites | Browse all curated sites and AI tools |
| Site Detail | https://onlinestool.com/sites/:name | Individual site/tool details with ratings, tags, related sites |
| Submit Site | https://onlinestool.com/sites/submit | Form to submit new sites to the directory |
| Category Page | https://onlinestool.com/category/:name | Filter sites by category |
| Search | https://onlinestool.com/search?q=:query | Search tools and sites |
| Login | https://onlinestool.com/login | Admin login (restricted) |

### 2.2 Tool Pages

Each tool has its own dedicated page at `https://onlinestool.com/tools/:toolId`:

#### Data & Conversion Tools
- `jsonformatter` - Format and beautify JSON data
- `jsonvalidator` - Validate JSON syntax and structure
- `jsondiff` - Compare two JSON objects side by side
- `sql-to-table` - Convert SQL CREATE TABLE statements to formatted tables
- `meta-tag-fetcher` - Fetch and display meta tags from any URL
- `timestamp` - Convert between Unix timestamps and human-readable dates
- `urlmetadata` - Extract metadata from URLs
- `base64` - Base64 encode/decode text
- `base64-to-audio` - Convert Base64 to playable audio
- `base64-to-image` - Convert Base64 to image
- `image-to-base64` - Convert images to Base64 strings
- `svg-to-image` - Convert SVG files to images
- `svg-to-png` - Convert SVG to PNG format
- `svg-to-code` - Convert SVG to code representation

#### Time & Date Tools
- `clock` - Digital clock with multiple timezone support
- `analog-clock` - Beautiful analog clock display
- `time-progress` - Visualize time progress (day, week, month, year)
- `countdown` - Create custom countdown timers
- `calendar` - Interactive calendar utility

#### Calculators
- `percentage-calculator` - Calculate percentages easily
- `bmi-calculator` - Body Mass Index calculator
- `cd-calculator` - Certificate of Deposit calculator
- `time-and-a-half-calculator` - Calculate overtime pay
- `cat-age-calculator` - Convert cat age to human years

#### Text & Content Tools
- `text-to-speech` - Convert text to natural-sounding speech
- `markdown` - Markdown editor and preview
- `lorem` - Lorem ipsum text generator
- `diff` - Text comparison tool
- `regex` - Regular expression tester
- `htmlencode` - HTML entity encoder/decoder
- `urlencode` - URL encoder/decoder

#### Developer Utilities
- `uuid` - UUID/GUID generator
- `hash` - Text hash generator (MD5, SHA-1, SHA-256)
- `password` - Secure password generator
- `qrcode` - QR code generator
- `barcode` - Barcode generator
- `diagram` - Simple diagram/flowchart tool
- `kanban` - Kanban board for task management

#### Image & Media Tools
- `watermark` - Add watermarks to images
- `imageguard` - Image protection and metadata tool
- `colorpicker` - Color picker and palette generator
- `imagecompress` - Compress images online

#### Miscellaneous
- `telegram-chat-id` - Retrieve Telegram chat IDs
- `converter` - Unit converter
- `calc` - Calculator
- `text` - Text manipulation utilities
- `generator` - Various generators

---

## 3. Categories (Sites Directory)

### 3.1 Technology & Development (development)
Subcategories: Developer Tools, Data & Analytics, LLM Models, AI Detection, ChatGPT Extensions, Latest AI, Future Tools, Agent, MCP

### 3.2 Productivity & Assistants (productivity)
Subcategories: Productivity, Automation, Life Assistants, Assistive Technology, E-mail, Presentation, No Code/Low Code, Memory, Summarizer, Research & Science, Notes & Knowledge Management, Project Management

### 3.3 Language & Communication (language)
Subcategories: AI Chat & Assistant, ChatBots, Text Generators, Text to Speech, Voice Cloning, Translation, Transcriber

### 3.4 Professional Fields (professional)
Subcategories: Writing & Web SEO, Legal Assistants, Healthcare, Education/Studies, Marketing, Finance, Human Resources, E-commerce

### 3.5 Life & Services (life)
Subcategories: Travel, Fashion, Dating & Relationships, Social Networks, Search Engine, Amazing

### 3.6 Creative & Multimedia (creative)
Subcategories: Image Generators, Art, Image Editing, Logo Creation, Websites & Design, Video Edition, Video Generators, Text-to-video, Audio Editing, Music, Face Swap & DeepFake

### 3.7 Resources (resources)
Subcategories: Design Resources (UI Kits, Icons, Fonts, Color Tools, 3D Models), Resource Downloads, Site Navigation, Cloud Computing, API Tools, Security Tools, Conversion Tools, Download Tools, Other

---

## 4. Technical Architecture

### 4.1 Frontend
- **Framework**: Nuxt 3 (Vue 3 Composition API)
- **Styling**: TailwindCSS with custom neon color palette for dark mode
- **Icons**: Heroicons
- **State Management**: Vue composables
- **Routing**: Vue Router (file-based with Nuxt)

### 4.2 Backend & APIs
- **Server**: Nuxt server with API routes (`/api/*`)
- **Database**: Supabase (PostgreSQL)
- **Image Storage**: Supabase Storage
- **Authentication**: Supabase Auth (admin only)
- **Caching**: ISR (Incremental Static Regeneration) with 1-hour cache

### 4.3 Key API Endpoints
- `POST /api/sites/latest` - Get latest sites
- `GET /api/sites/random` - Get a random site
- `POST /api/sites/search` - Search sites
- `GET /api/sites/:id` - Get site details
- `POST /api/sites/submit` - Submit a new site
- `POST /api/contact` - Contact form submission

### 4.4 Deployment
- **Platform**: Cloudflare Pages
- **Edge Network**: Cloudflare CDN
- **Analytics**: Google Analytics 4 (gtag)
- **Monitoring**: Clarity Analytics

---

## 5. SEO & Meta Strategy

### 5.1 Current SEO Implementation
- Sitemap: Auto-generated via `@nuxtjs/sitemap`
- Canonical URLs: Set per page
- OG Tags: Open Graph title, description, type, URL
- Meta Descriptions: Localized per page
- Robots.txt: Allows all except login pages

### 5.2 Multi-language SEO
- Strategy: `no_prefix` (no URL prefix for languages)
- Languages: en, zh, ja, ko, de, es, fr, ru
- Default: English

---

## 6. Content Policy

### 6.1 Tool Content
- All tools run client-side where possible
- No user data is stored for tool usage
- Free to use without registration

### 6.2 Sites Directory
- Curated collection of AI tools and services
- Community submissions accepted via submit form
- Admin review before publication
- Ratings and tags for better discovery

---

## 7. Frequently Asked Questions (FAQ)

**Q: Are all tools free to use?**
A: Yes, all tools on the platform are completely free to use. No registration required.

**Q: Is my data safe when using the tools?**
A: Yes. Most tools process data entirely in your browser. No data is sent to our servers unless explicitly stated.

**Q: How can I submit a site to the directory?**
A: Visit https://onlinestool.com/sites/submit and fill out the submission form. All submissions are reviewed before publication.

**Q: What languages are supported?**
A: The platform supports 8 languages: English, Chinese, Japanese, Korean, German, Spanish, French, and Russian.

**Q: Is there a dark mode?**
A: Yes, full dark mode is supported with a custom neon color palette.

**Q: Can I use the tools on mobile?**
A: Yes, all tools are responsive and work on mobile devices.

---

## 8. Updates & Maintenance

- New tools are added regularly
- Sites directory is updated with new submissions
- UI/UX improvements based on user feedback
- Performance optimizations ongoing

Last updated: 2025-05-01