Skip to content

Online application that transcribes small English texts into broad phonetic transcriptions in the Phonetic Alphabet.

License

Notifications You must be signed in to change notification settings

iinaveedahmed/phonetic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phonetic Me

A modern, responsive web application that transcribes English text into phonetic alphabets for clear communication.

Features

Multiple Phonetic Systems

  • NATO & International Aviation
  • British Forces 1952
  • And more phonetic alphabets

🎨 Modern UI/UX

  • Responsive design with gradient backgrounds
  • Glass-morphism effects and smooth animations
  • Mobile-first approach with touch-friendly interfaces
  • Dark mode support

Enhanced Functionality

  • Real-time phonetic conversion as you type
  • Copy-to-clipboard functionality
  • Keyboard shortcuts (Ctrl/Cmd+K to focus, Ctrl/Cmd+C to copy)
  • Character count and conversion statistics
  • Toast notifications for user feedback

Accessibility

  • ARIA labels and proper semantic HTML
  • Focus management and keyboard navigation
  • High contrast and reduced motion support
  • Screen reader friendly

Use Cases

  • Aviation: Perfect for flight IDs and aviation communication
  • License Plates: Spell out vehicle registration numbers clearly
  • Reference Numbers: Communicate ticket and booking numbers accurately
  • Radio Communication: Clear transmission of codes and identifiers

Technology Stack

  • Frontend: HTML5, CSS3 (with modern CSS variables), JavaScript (ES6+)
  • Styling: Custom CSS with glass-morphism design
  • Icons: FontAwesome 6.4.0
  • Typography: Inter font family
  • Dependencies: jQuery 2.2.0

Getting Started

  1. Clone the repository:

    git clone https://github.com/iinaveedahmed/phonetic.git
  2. Open index.html in your browser or serve with a local server:

    python3 -m http.server 8080
  3. Navigate to http://localhost:8080 in your browser

Live Demo

🌐 Try it live here

Screenshots

The application features a modern gradient background with glass-morphism cards, smooth animations, and an intuitive user interface.

Browser Support

  • Chrome 90+
  • Firefox 88+
  • Safari 14+
  • Edge 90+

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

© 2024 Phonetic Me - Inatiqo Pty Ltd. All rights reserved.

Changelog

v2.0.0 (2024)

  • Complete UI/UX redesign with modern design patterns
  • Added copy-to-clipboard functionality
  • Implemented keyboard shortcuts
  • Enhanced accessibility features
  • Mobile-responsive design improvements
  • Added toast notifications
  • Real-time conversion with debouncing

v1.0.0

  • Initial release with basic phonetic conversion
  • Multiple phonetic alphabet support

About

Online application that transcribes small English texts into broad phonetic transcriptions in the Phonetic Alphabet.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •