LinkLift 🌐

---

🇹🇭 LinkLift (ภาษาไทย)

เครื่องมือถอดรหัส URL (URL Decoder) ฟรี! มาพร้อมดีไซน์ทันสมัย แปลง encoded URL เป็นรูปแบบปกติพร้อมระบบพรีวิวหน้าเว็บแบบ Real-time

✨ คุณสมบัติเด่น

• 🔓 Instant Decode: ถอดรหัส URL ภาษาไทยและอักขระพิเศษได้ถูกต้องแม่นยำ
• 👀 Live Preview: แสดงหน้าเว็บตัวอย่างทันทีผ่าน iFrame (รองรับ Sandbox security)
• 🎨 Modern UI: ดีไซน์สวยงามด้วย Gradient และ Glassmorphism effect
• 📱 Responsive: รองรับการใช้งานสมบูรณ์แบบทั้งบนมือถือและเดสก์ท็อป
• 💾 Smart Storage: ระบบจำภาษาที่เลือกใช้งานล่าสุดอัตโนมัติ (Local Storage)
• 🌐 Dual Language: รองรับ 2 ภาษา (ไทย / อังกฤษ)
• 📋 One-Click Copy: คัดลอกผลลัพธ์ได้ทันที
• 🔒 Privacy First: ประมวลผลบน Browser 100% ไม่มีการส่งข้อมูลเข้า Server

🚀 วิธีการใช้งาน

1. ไปที่หน้าเว็บไซต์
2. วาง URL ที่ต้องการถอดรหัส
   • ตัวอย่าง: https://medium.com/@gakungza123/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B8%AD%E0%B8%A2%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B9%84%E0%B8%A3-44d1fed3b828
3. กดปุ่ม "ถอดรหัส" (หรือ Decode)
4. ระบบจะแสดง URL ฉบับอ่านง่าย พร้อมหน้าเว็บตัวอย่าง
5. กดปุ่ม "คัดลอก" เพื่อนำไปใช้งานต่อ

📁 โครงสร้างโปรเจค

LinkLift/
├── index.html          # หน้าหลัก
├── README.md           # เอกสารประกอบ
├── fonts/              # ไฟล์ฟอนต์ (IBM Plex Sans Thai)
└── src/
    ├── app.js          # Logic การทำงานหลัก
    ├── styles.css      # Tailwind Import & Custom CSS
    └── css/
        └── all.min.css # Font Awesome Icons

🛠️ เทคโนโลยีที่ใช้

• HTML5 - Semantic Structure

• TailwindCSS - Styling & Responsive Design

• JavaScript (ES6+) - DOM Manipulation & Logic

• Font Awesome - Icons

• Local Fonts - IBM Plex Sans Thai (Hosted locally for performance)

🌐 การรองรับภาษา

• 🇹🇭 ไทย (ค่าเริ่มต้น)

• 🇺🇸 English

  (ระบบจะจดจำภาษาที่คุณเลือกไว้สำหรับการใช้งานครั้งถัดไป)

📄 License

โปรเจคนี้อยู่ภายใต้สัญญา MIT License - สามารถนำไปพัฒนาต่อยอดได้ฟรี

🤝 จัดทำโดย

Shoper Team

© 2024 - ปัจจุบัน

---

🇺🇸 LinkLift (English)

A free, modern URL decoding tool that converts encoded URLs into readable formats with a built-in web page previewer.

✨ Features

• 🔓 Instant Decode: Accurately decodes URLs with special characters and non-English text.

• 👀 Live Preview: View the destination website safely via a sandboxed iFrame.

• 🎨 Modern UI: Beautiful interface featuring gradients and glassmorphism effects.

• 📱 Responsive: Fully optimized for both mobile and desktop devices.

• 💾 Smart Preferences: Automatically remembers your last selected language (Local Storage).

• 🌐 Dual Language: Full support for Thai and English.

• 📋 One-Click Copy: Copy the decoded URL instantly.

• 🔒 Privacy Focused: Client-side processing only. No data is sent to any server.

🚀 How to Use

1. Go to the website.

2. Paste the encoded URL into the input field.

   • Example: https://medium.com/@gakungza123/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B8%AD%E0%B8%A2%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B9%84%E0%B8%A3-44d1fed3b828

3. Click the "Decode" button.

4. The system will display the readable URL and the website preview.

5. Click "Copy" to use the decoded URL.

📁 Project Structure

Plaintext

LinkLift/
├── index.html          # Main HTML file
├── README.md           # Documentation
├── fonts/              # Local font files (IBM Plex Sans Thai)
└── src/
    ├── app.js          # Main Application Logic
    ├── styles.css      # Tailwind Import & Custom CSS
    └── css/
        └── all.min.css # Font Awesome Icons

🛠️ Technologies Used

• HTML5 - Semantic Structure

• TailwindCSS - Styling & Responsive Design

• JavaScript (ES6+) - DOM Manipulation & Logic

• Font Awesome - Icons

• Local Fonts - IBM Plex Sans Thai (Hosted locally for performance)

🌐 Language Support

• 🇹🇭 Thai (Default)

• 🇺🇸 English

  (The system remembers your language preference for the next visit)

📄 License

This project is licensed under the MIT License.

🤝 Created By

Shoper Team

© 2024 - Present