ПочатиПочніть безкоштовно

Тестування ваших застосунків

Ви працюєте над кастомним інструментом візуалізації даних для своєї команди в Replit. Після добре продуманого підказу (prompt) AI-асистент згенерував охайну версію 1 застосунку. Вона підтримує завантаження CSV, побудову діаграм і інтерактивну фільтрацію.

Ось підказ (prompt), який ви використали.

Я хочу створити інструмент візуалізації даних для бізнес-звітності. Інструмент має дозволяти завантажувати файл CSV, автоматично визначати стовпці та генерувати інтерактивні діаграми (стовпчикові, лінійні, розсіювання, секторні). Також він має дозволяти динамічно фільтрувати й розрізати дані та експортувати візуалізації як PNG або PDF.

Зробіть інструмент мінімалістичним і в стилі моєї компанії. Має бути темний режим із такими акцентними кольорами: #4CAF50.

Дослідіть сучасні інструменти дашбордів і візуалізації (натхнення з Looker, Tableau і Google Data Studio). Побудуйте інтерфейс для зручного читання, використайте шрифт Inter і забезпечте адаптивний дизайн для комп'ютерів і планшетів.

Зробіть інтерфейс інтуїтивним, додайте drag-and-drop для завантаження CSV і плавні анімації під час перемикання типів діаграм або застосування фільтрів.

Тепер час протестувати те, що згенерував Replit. Перш ніж ділитися застосунком з іншими або уточнювати свій підказ, що саме варто протестувати?

Ця вправа є частиною курсу

Vibe-кодування з Replit

Переглянути курс

Практична інтерактивна вправа

Перетворіть теорію на практику за допомогою однієї з наших інтерактивних вправ

Почати вправу