code

Розроби комплексний додаток для відстеження бюджету, використовуючи HTML5, CSS3 та JavaScript. Створи інтуїтивно зрозумілий дашборд, що відображає доходи, витрати, заощадження та статус бюджету. Реалізуй управління транзакціями з категоріями, тегами та повторюваними транзакціями. Додай інтерактивні діаграми та графіки для аналізу витрат за категоріями та часовими періодами. Включи функцію встановлення бюджетних цілей з відстеженням прогресу та сповіщеннями. Підтримай кілька рахунків та можливість переказів між ними. Реалізуй сканування та зберігання чеків за допомогою камери пристрою. Додай функціональність експорту звітів у форматах CSV та PDF. Створи адаптивний дизайн з підходом mobile-first. Включи функції резервного копіювання та відновлення даних. Додай можливості прогнозування для передбачення майбутнього фінансового стану на основі поточних тенденцій.

Розробіть веб-музичний плеєр з використанням HTML5, CSS3 та JavaScript з Web Audio API. Створіть сучасний інтерфейс з відображенням обкладинок альбомів та візуалізацією. Реалізуйте керування плейлистами з можливістю перетягування для зміни порядку. Додайте аудіоконтролі: play/pause, перемикання треків, перемотування, гучність та швидкість відтворення. Включіть режими shuffle та repeat з візуальними індикаторами. Забезпечте підтримку кількох аудіоформатів з резервними варіантами. Реалізуйте 10-смуговий еквалайзер з пресетами. Додайте витяг та відображення метаданих з аудіофайлів. Створіть адаптивний дизайн для всіх пристроїв. Включіть клавіатурні скорочення для керування відтворенням. Забезпечте фонове відтворення з інтеграцією Media Session API.

Створи захоплюючу багатокористувацьку гру з повітряним бою, використовуючи Three.js, HTML5, CSS3 та JavaScript з WebSocket для мережі в реальному часі. Реалізуй детальну 3D-модель літака з реалістичною фізикою польоту, включаючи тангаж, рискання, крен та контроль тяги. Додай плавне керування камерою, яка слідує за літаком гравця з налаштованими видами (з кабіни, супровідний, орбітальний). Створи середовище skybox з динамічним часом доби та погодними ефектами. Реалізуй мультиплеєрну функціональність через WebSocket для оновлення позицій у реальному часі, бою та синхронізації стану гри. Додай системи озброєння з фізикою снарядів, виявленням влучань та моделями пошкоджень. Включи ефекти частинок для вихлопу двигунів, вогню зброї, вибухів та пошкоджень. Створи HUD з відображенням швидкості, висоти, курсу, радара, здоров'я та статусу зброї. Реалізуй звукові ефекти для двигунів, зброї, вибухів та оточення через Web Audio API. Додай режими матчу, включаючи deathmatch та командні бої з системою очок. Включи налаштовувані конфігурації літаків з різною зброєю та здібностями. Створи систему лобі для створення матчів та розподілу по командах. Реалізуй клієнтське передбачення та компенсацію затримки для плавного мультиплеєрного досвіду. Додай міні-карту з позиціями гравців та цілями. Включи систему повторів для перегляду матчів та створення хайлайтів. Створи адаптивне керування з підтримкою клавіатури/миші та геймпада.

Створи адаптивний Todo-додаток з використанням HTML5, CSS3 та vanilla JavaScript. Додаток повинен мати сучасний, мінімалістичний інтерфейс з використанням CSS Grid/Flexbox та інтуїтивними елементами управління. Реалізуй повну CRUD-функціональність (додавання/редагування/видалення/позначення завдань виконаними) з плавними анімаціями. Включи категоризацію завдань з кольоровим маркуванням та рівнями пріоритету (низький/середній/високий). Додай дедлайни з компонентом вибору дати та нагадуваннями. Використай localStorage для збереження даних між сесіями. Реалізуй функцію пошуку з фільтрами за статусом, категорією та діапазоном дат. Додай можливість перетягування для зміни порядку завдань за допомогою HTML5 Drag and Drop API. Забезпеч повну адаптивність дизайну з відповідними брейкпоінтами через media queries. Включи перемикач темної/світлої теми, що поважає системні налаштування користувача. Додай мікровзаємодії та переходи для кращого UX.

Створи таймер для усвідомленої медитації використовуючи HTML5, CSS3 та JavaScript. Розроби спокійний інтерфейс без відволікаючих елементів з дизайном, натхненним природою. Реалізуй налаштовувані сеанси медитації з інтервалами підготовки, медитації та відпочинку. Додай опції амбієнтних звуків, включаючи звуки природи, бінауральні ритми та білий шум. Включи керовану медитацію з налаштовуваними голосовими підказками. Реалізуй інтервальні дзвони з регулюванням гучності та вибором звуку. Додай історію сеансів та відстеження статистики. Створи візуальні гайди дихання з анімаціями. Забезпеч підтримку офлайн-використання як PWA. Включи темний режим та кілька тем. Додай планування сеансів з нагадуваннями.

Створіть комплексний калькулятор показників здоров'я з використанням HTML5, CSS3 та JavaScript на основі медичних стандартів. Розробіть чистий, доступний інтерфейс з покроковими формами введення даних. Реалізуйте точний розрахунок BMI з візуальною шкалою класифікації та оцінкою ризиків для здоров'я. Додайте калькулятор відсотка жирової тканини з використанням кількох методів (Navy, Jackson-Pollock, симуляція BIA). Розрахуйте діапазони ідеальної ваги за кількома формулами (Hamwi, Devine, Robinson, Miller). Реалізуйте детальний калькулятор потреби в калоріях з BMR (використовуючи рівняння Harris-Benedict, Mifflin-St Jeor та Katch-McArdle) і TDEE на основі рівнів активності. Включіть персоналізовані рекомендації щодо здоров'я на основі розрахованих показників. Підтримайте як метричну, так і імперську системи з плавним перетворенням. Зберігайте профілі користувачів та історію вимірювань з візуалізацією трендів. Генеруйте інтерактивні графіки прогресу, що показують зміни з часом. Створіть можливість друку/експорту PDF-звітів з усіма показниками та рекомендаціями.

Створіть комплексний науковий калькулятор з HTML5, CSS3 та JavaScript, який імітує професійні калькулятори. Реалізуйте всі базові арифметичні операції з правильним порядком дій. Включіть розширені наукові функції (тригонометричні, логарифмічні, експоненціальні, статистичні) з перемикачем градуси/радіани. Додайте операції з пам'яттю (M+, M-, MR, MC) з візуальними індикаторами. Підтримуйте журнал історії обчислень з прокруткою, який можна очистити або зберегти. Реалізуйте повну підтримку клавіатури з відповідними мапінгами клавіш та шорткатами. Додайте надійну обробку помилок для ділення на нуль, недійсних операцій та переповнення з інформативними повідомленнями. Створіть адаптивний дизайн, який трансформується між стандартним і науковим макетами залежно від розміру екрану або орієнтації. Включіть кілька варіантів тем (класична, сучасна, висока контрастність). Додайте опціональний звуковий зворотний зв'язок для натискань кнопок з регулятором гучності. Реалізуйте функціонал копіювання/вставки для результатів та виразів.

Створіть комплексний генератор безпечних паролів, використовуючи HTML5, CSS3 та JavaScript з криптографічно стійкою випадковістю. Побудуйте інтуїтивний інтерфейс з попереднім переглядом пароля в реальному часі. Дозвольте налаштування довжини пароля з пресетами для різних рівнів безпеки. Включіть перемикачі для типів символів (верхній регістр, нижній регістр, цифри, спеціальні символи) з візуальними індикаторами. Реалізуйте розширений індикатор надійності, що показує біти ентропії та оціночний час зламу. Додайте кнопку копіювання в один клік з підтвердженням та автоматичним очищенням буфера обміну. Створіть функцію сховища паролів з шифрованим зберіганням у localStorage. Генеруйте кілька паролів одночасно з пакетними опціями. Ведіть історію паролів з мітками часу генерації. Обчислюйте та відображайте ентропію, використовуючи стандартні формули. Запропонуйте опції генерації паролів, що легко запам'ятовуються (на основі фраз, на основі шаблонів). Включіть функціонал експорту з опціями шифрування для списків паролів.

Створіть комплексну погодну панель за допомогою HTML5, CSS3, JavaScript та OpenWeatherMap API. Розробіть візуально привабливий інтерфейс, що показує поточні погодні умови з відповідними іконками та змінює фон залежно від погоди/часу доби. Відображайте детальний 5-денний прогноз з розгорнутим погодинним розбивкою для кожного дня. Реалізуйте пошук локації з автодоповненням та історією, підтримуючи назви міст та координати. Додайте підтримку геолокації для автоматичного визначення місцезнаходження користувача. Включіть перемикачі одиниць температури (°C/°F) та форматів часу. Відображайте попередження про небезпечну погоду з пріоритетним виділенням. Показуйте детальні метеорологічні дані: швидкість/напрямок вітру, вологість, тиск, УФ-індекс та якість повітря за наявності. Включіть час сходу/заходу сонця з візуальними індикаторами. Створіть повністю адаптивний макет на CSS Grid, що пристосовується до всіх розмірів пристроїв з відповідною щільністю інформації.

Розробіть комплексний конвертер валют, використовуючи HTML5, CSS3, JavaScript та надійний API обмінних курсів. Створіть чистий, інтуїтивно зрозумілий інтерфейс з виділеними полями введення та селекторами валют. Реалізуйте обмінні курси в реальному часі з індикаторами часових міток, що показують актуальність даних. Підтримуйте понад 170 світових валют, включно з криптовалютами, з відповідними символами та форматуванням. Ведіть журнал історії конвертацій з часовими мітками та інформацією про курси. Дозвольте користувачам додавати в закладки улюблені валютні пари для швидкого доступу. Генеруйте інтерактивні графіки історичних курсів із настроюваними діапазонами дат. Реалізуйте офлайн-функціональність, використовуючи кешовані обмінні курси з чіткими індикаторами застарілості. Додайте вбудований калькулятор для складних конвертацій та арифметичних операцій. Створюйте сповіщення про цільові обмінні курси з додатковими сповіщеннями. Включіть порівняння курсів різних провайдерів пліч-о-пліч, якщо такі доступні. Підтримуйте друк та експорт результатів конвертації в декількох форматах (PDF, CSV, JSON).