Тестування ваших застосунків
Ви працюєте над кастомним інструментом візуалізації даних для своєї команди в Replit. Після добре продуманого підказу (prompt) AI-асистент згенерував охайну версію 1 застосунку. Вона підтримує завантаження CSV, побудову діаграм і інтерактивну фільтрацію.
Ось підказ (prompt), який ви використали.
Я хочу створити інструмент візуалізації даних для бізнес-звітності. Інструмент має дозволяти завантажувати файл CSV, автоматично визначати стовпці та генерувати інтерактивні діаграми (стовпчикові, лінійні, розсіювання, секторні). Також він має дозволяти динамічно фільтрувати й розрізати дані та експортувати візуалізації як PNG або PDF.
Зробіть інструмент мінімалістичним і в стилі моєї компанії. Має бути темний режим із такими акцентними кольорами: #4CAF50.
Дослідіть сучасні інструменти дашбордів і візуалізації (натхнення з Looker, Tableau і Google Data Studio). Побудуйте інтерфейс для зручного читання, використайте шрифт Inter і забезпечте адаптивний дизайн для комп'ютерів і планшетів.
Зробіть інтерфейс інтуїтивним, додайте drag-and-drop для завантаження CSV і плавні анімації під час перемикання типів діаграм або застосування фільтрів.
Тепер час протестувати те, що згенерував Replit. Перш ніж ділитися застосунком з іншими або уточнювати свій підказ, що саме варто протестувати?
Ця вправа є частиною курсу
Vibe-кодування з Replit
Практична інтерактивна вправа
Перетворіть теорію на практику за допомогою однієї з наших інтерактивних вправ
Почати вправу