код

Науковий калькулятор на JavaScript: повний гайд

Створіть професійний науковий калькулятор з тригонометричними функціями, історією обчислень та адаптивним дизайном.

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

Pomodoro Timer на JavaScript: повноцінний веб-додаток

Створіть елегантний Pomodoro-таймер з анімованим інтерфейсом, статистикою продуктивності та PWA-підтримкою для ефективного тайм-менеджменту.

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

Інтерактивна вікторина на JavaScript з автоперевіркою та аналітикою

Створіть повноцінну вікторину з різними типами питань, таймером, системою балів, таблицею лідерів та детальною аналітикою результатів.

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

Колірний інструмент Pro: палітри, градієнти, WCAG та код CSS

Створіть професійний веб-інструмент для роботи з кольором. Генеруйте палітри та градієнти, конвертуйте формати, перевіряйте доступність за WCAG та отримуйте готові CSS/SCSS/SVG фрагменти коду.

>_ Промпт
Створіть професійний колірний інструмент за допомогою HTML5, CSS3 та JavaScript для дизайнерів та розробників. Створіть інтуїтивно зрозумілий інтерфейс з кількома методами вибору, включаючи піпетку, колірне колесо, повзунки та поля введення. Реалізуйте конвертацію в реальному часі між колірними форматами (RGB, RGBA, HSL, HSLA, HEX, CMYK) з функцією копіювання. Додайте генератор колірних палітр з опціями для комплементарних, аналогових, тріадичних, тетрадичних та монохроматичних схем. Включіть систему обраного з названими колекціями та опціями експорту. Реалізуйте візуалізацію правил колірної гармонії з інтерактивним налаштуванням. Створіть генератор градієнтів, що підтримує лінійні, радіальні та конічні градієнти з кількома колірними зупинками. Додайте перевірку доступності для відповідності WCAG з коефіцієнтами контрастності та симуляцією дальтонізму. Реалізуйте копіювання фрагментів коду CSS, SCSS та SVG в один клік. Включіть алгоритм іменування кольорів для пропонування назв вибраних кольорів. Підтримуйте експорт палітр у різні формати (Adobe ASE, JSON, CSS variables, SCSS).

Генератор надійних паролів на JavaScript з криптографічною стійкістю

Створіть потужний генератор паролів з оцінкою ентропії, історією та шифруванням. Ідеально для розробників.

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

Інтерактивна погодна панель з OpenWeatherMap API

Створіть стильний погодний дашборд з 5-денним прогнозом, геолокацією та адаптивним інтерфейсом для всіх пристроїв.

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

Створіть власний конвертер валют з API: HTML, CSS, JS та Crypto

Розробіть потужний конвертер валют з підтримкою 170+ валют та крипто. Реальний час, історія курсів, офлайн-режим, сповіщення та експорт. Ідеально для розробників та бізнесу.

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

Інструмент шифрування файлів з AES-256 та Web Crypto API

Створіть безпечний клієнтський інструмент шифрування файлів з AES-256-GCM, PBKDF2 та drag-and-drop інтерфейсом для захисту ваших даних.

>_ Промпт
Створіть клієнтський інструмент шифрування файлів, використовуючи HTML5, CSS3 та JavaScript з Web Crypto API. Розробіть drag-and-drop інтерфейс для вибору файлів з індикаторами прогресу. Реалізуйте AES-256-GCM шифрування з безпечною деривацією ключів з паролів (PBKDF2). Додайте підтримку одночасного шифрування кількох файлів з пакетною обробкою. Включіть перевірку надійності пароля з розрахунком ентропії. Генеруйте завантажувані зашифровані файли з власним розширенням. Створіть інтерфейс дешифрування з перевіркою пароля. Реалізуйте безпечну роботу з пам'яттю з автоматичним очищенням конфіденційних даних. Додайте детальні логи операцій шифрування без збереження конфіденційної інформації. Включіть експорт/імпорт ключів шифрування з відповідними попередженнями безпеки. Забезпечте підтримку великих файлів з використанням потокового шифрування та блочної обробки.

Менеджер кодових сніпетів: IDE-інтерфейс для розробників

Створіть потужний менеджер сніпетів з підсвіткою синтаксису, тегуванням, пошуком з regex та експортом у JSON і Gist формати.

>_ Промпт
Створіть орієнтований на розробників менеджер кодових сніпетів, використовуючи HTML5, CSS3 та JavaScript. Розробіть чистий інтерфейс у стилі IDE з підсвіткою синтаксису для 30+ мов програмування. Реалізуйте систему тегів та категорій для організації сніпетів. Додайте потужну функцію пошуку з підтримкою regex та фільтрацією за мовою/тегами. Включіть редагування коду з нумерацією рядків, напрямними лініями відступів та підсвіткою парних дужок. Підтримайте налаштування видимості public/private для кожного сніпета. Реалізуйте функціональність експорту/імпорту у форматах JSON та Gist. Додайте клавіатурні скорочення для типових операцій. Створіть адаптивний дизайн, що коректно відображається на всіх пристроях. Включіть автозбереження з історією версій. Додайте функцію копіювання в буфер обміну зі збереженням форматування синтаксису.