Summary  
This chapter covers how to build a responsive home screen UI by rendering interactive cards and implementing click event handling to navigate between different views.  

General domain of usage  
Game development

Гра на пам'ять починається з привітального домашнього екрана. Він буде яскравим і грайливим, з великими картками для різних тем, які гравці можуть обрати перед початком.

Ця гра — класична перевірка пам'яті: відкрийте дві картки, спробуйте знайти пару та продовжуйте, доки не знайдете всі пари. Щоб зробити гру цікавішою, гравці можуть обрати **тему** перед початком.

У першій версії ви додасте три теми: **Тварини**, **Фрукти** та **Космос**. Кожна тема буде представлена великою, яскравою карткою з емодзі та підписом. Натискання на картку перенесе гравця до гри з цією темою.

Налаштуємо все крок за кроком:

Ви можете розмістити її будь-де (Desktop, Documents тощо). Наприклад, назвіть її "flip-card-memory-game".

Створіть папку для проєкту

Перейдіть у **File** → **Open Folder** та виберіть щойно створену папку.

Відкрийте папку у Cursor

Тут ви напишете перший запит.

Відкрийте чат у Cursor

Cursor згенерує код для домашнього екрана.

Введіть підготовлений запит (або власну версію)

Після завершення роботи Cursor натисніть **Go Live**, щоб миттєво переглянути сторінку у вашому браузері.

Якщо ви бажаєте змінити дизайн (змінити кольори, спробувати новий шрифт або відкоригувати макет), зверніться до Cursor звичайною англійською мовою, і він оновить код для вас.

Примітка

Згідно з підготовленим завданням, що має відображатися на домашньому екрані вашої гри Flip Card Memory Game?

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

Створіть свою першу гру, керуючи Cursor AI за допомогою простих підказок. Дослідіть механізми перевертання карток, перевірки збігів і відстеження прогресу у браузері. Дізнайтеся, як поетапно вдосконалювати результати AI та створити зрозумілу гру на пам’ять, у яку зможе грати кожен.

Створіть захопливу та динамічну гру на ловіння з Cursor AI. Керуйте рюкзаком у нижній частині екрана та ловіть шкільне приладдя, що падає згори. Відпрацьовуйте додавання підрахунку балів, керування гравцем і яскравих візуальних ефектів, навчаючись удосконалювати генерацію коду за допомогою AI.

Розробіть невелику пригодницьку гру, у якій кролик намагається дістатися до моркви, уникаючи лисиць і вовків. Керуйте Cursor AI для створення руху, перешкод і умов перемоги чи поразки. Дізнайтеся, як коригувати підказки для роботи зі складнішою логікою та вдосконалити гру до завершеного вигляду.

Створення Головного Екрана