xmawe/tifinagh-keyboard

A beautiful, free online virtual keyboard for typing in Tifinagh script - the ancient writing system of the Amazigh (Berber) people of North Africa. # ⵜⵉⴼⵉⵏⴰⵖ Tifinagh Keyboard A beautiful, free online virtual keyboard for typing in Tifinagh script - the ancient writing system of the Amazigh (Berber) people of North Africa. ## ✨ Features - 🎹 **Complete Tifinagh Character Set** - All Neo-Tifinagh letters - 🔤 **Latin Transliteration** - Toggle to show/hide Latin equivalents - 📋 **One-Click Copy** - Copy your text to clipboard instantly - 📱 **Mobile Responsive** - Works perfectly on all devices - 🎨 **Beautiful UI** - Modern, gradient design with smooth animations - ⚡ **Fast & Lightweight** - No installation required - 🌐 **SEO Optimized** - Discoverable by search engines - ♿ **Accessible** - ARIA labels for screen readers ## 🚀 Demo Live Demo # ## 🛠️ Built With - React - JavaScript library for building user interfaces - Next.js - React framework for production - Tailwind CSS - Utility-first CSS framework - Google Fonts - Crimson Pro & Work Sans ## 🏃 Getting Started ### Prerequisites - Node.js 16.x or higher - npm or yarn ### Installation 1. Clone the repository ```bash git clone github.com cd tifinagh-keyboard ``` 2. Install dependencies ```bash npm install # or yarn install ``` 3. Run the development server ```bash npm run dev # or yarn dev ``` 4. Open localhost in your browser ### Building for Production ```bash npm run build npm start # or yarn build yarn start ``` ## 📁 Project Structure ``` tifinagh-keyboard/ ├── pages/ │ ├── _app.js │ ├── _document.js │ └── index.js # Main keyboard component ├── public/ │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── apple-touch-icon.png │ ├── og-image.jpg │ ├── robots.txt │ ├── sitemap.xml │ └── site.webmanifest ├── styles/ │ └── globals.css ├── README.md ├── package.json └── next.config.js ``` ## 🎨 Customization ### Changing Colors The keyboard uses Tailwind's amber/orange color scheme. To change colors, update the following classes in the component: ```jsx …