Онлайн-перекладач (Translator Online)
Translator Online - це сучасний, швидкий та повністю адаптивний вебдодаток для безкоштовного перекладу тексту. Проєкт реалізовано на чистому технологічному стеку (HTML5, CSS3 та JavaScript) без використання сторонніх фреймворків.
Основні можливості та особливості проєкту:
1. Інтеграція з MyMemory API для здійснення точного перекладу в реальному часі.
2. Динамічне кастомне випадаюче меню (Select) для швидкого вибору мов.
3. Функція "розумного" реверсу (Swap) - миттєва зміна напрямку перекладу разом із текстом та станами інтерфейсу.
4. Оптимізація запитів (Debounce) - переклад запускається автоматично за 500 мс після завершення введення користувачем, що зменшує навантаження на API.
5. Надійне копіювання результату в буфер обміну за допомогою Clipboard API (з оптимізованим fallback-рішенням для старих мобільних пристроїв).
6. Сучасний UI/UX: стильний асиметричний градієнтний фон, інтерактивна анімація появи елементів за допомогою Intersection Observer, повна адаптивність під мобільні екрани (Media Queries).
#frontend #javascript #html #css #api #responsive #uiux #freelance
Основні можливості та особливості проєкту:
1. Інтеграція з MyMemory API для здійснення точного перекладу в реальному часі.
2. Динамічне кастомне випадаюче меню (Select) для швидкого вибору мов.
3. Функція "розумного" реверсу (Swap) - миттєва зміна напрямку перекладу разом із текстом та станами інтерфейсу.
4. Оптимізація запитів (Debounce) - переклад запускається автоматично за 500 мс після завершення введення користувачем, що зменшує навантаження на API.
5. Надійне копіювання результату в буфер обміну за допомогою Clipboard API (з оптимізованим fallback-рішенням для старих мобільних пристроїв).
6. Сучасний UI/UX: стильний асиметричний градієнтний фон, інтерактивна анімація появи елементів за допомогою Intersection Observer, повна адаптивність під мобільні екрани (Media Queries).
#frontend #javascript #html #css #api #responsive #uiux #freelance