🎮Hello, our project is based on the topic of artificial intelligence in games.

Привіт, наш проєкт заснований на темі штучного інтелекту в іграх.

• Main idea / Головна ідея
• How to start / Як почати
• How to use / Як користуватися
• Features / Особливості
• Tips / Поради👇

EN:
Imagine this situation: you are a Game Developer specializing in AI. Your task is to add artificial intelligence to your game. But you want to know what analogs exist in previously created games. Perhaps you want to note where and what level of AI is applied. Our website is just for you.

UA:
Уявімо таку ситуацію: ви Game Developer, який спеціалізується на ШІ. Ваше завдання - додати штучний інтелект у свою гру. Але ви хочете дізнатися, які є аналоги в раніше створених іграх. Можливо, ви хочете занотувати собі, де та якого рівня ШІ застосований. Саме для цього вам і підійде наш сайт.

EN:
There are several ways to use our product:

1. Follow the link:
   https://agreeable-grass-01071fa10.5.azurestaticapps.net/

2. Download locally

• Node.js installed

1. Download the repository:

git clone https://github.com/proga-react-practice/xi-team-project.git

2. Install all necessary packages:

 npm install

or

npm i

3. Run the project:

npm start

or

npm run dev

UA:
Є кілька способів скористатися нашим продуктом:

1. Перейти за посиланням:
   https://agreeable-grass-01071fa10.5.azurestaticapps.net/

2. Завантажити локально

• Встановлений Node.js

1. Завантажити репозиторій:

git clone https://github.com/proga-react-practice/xi-team-project.git

2. Завантажити всі необхідні пакети:

 npm install

або

npm i

3. Запустити проєкт:

npm start

або

npm run dev

EN:
To quickly and enjoyably use the site, you can read this instruction:

0. After you visit the page, you can start your journey.

1. First, you need to create a card. To do this, go to the tab you need (for AI or for games). You can do this directly from the home page or via the menu.

2. After you select the tab, you enter the card data. For AI, these are: AI level, where AI is used, AI type, and finally its rating. For games: game title, game difficulty, its price (as a number) and currency. Note that in the AI level and its usage fields, you can select multiple values.

   Also, note that all fields on the form must be filled in - regardless of whether it's for a game or AI. Rating and price fields cannot be 0, and the rating cannot be higher than 100.

3. After filling in the data, click the "Add" button. Your first card will appear.

   You can create as many cards as you want, and they can be repeated. If necessary, you can clear the form using the "Clear" button.

4. Cards can be deleted (using the "Delete" button), or edited (using the "Edit" button). After attempting to edit, the data from the card will be transferred to the form, where you can now change some card data and send it using the "Update" button. If desired, you can cancel the editing by pressing the "Cancel" button. You can also change the order of the cards (by dragging on computers, or by clicking on phones).

5. After creating AI and game cards, you can proceed to mixing cards. To do this, go to the "Mix Cards" tab.

6. To create your first mixed card, click "Add Cards". A modal window will appear, where on the left - all previously added game cards, and on the right - AI. Choose one game card and one AI card and click "Mix Selected Cards". It is important to choose both a game and an AI card.

7. After mixing, you can return to the "Mix Cards" page.

8. Congratulations, you have created your first card that contains information about both the game and AI! You can add new cards, delete existing ones, change their order.

UA:
Щоб швидко та приємно користуватися сайтом, можна прочитати дану інструкцію:

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

1. Для початку вам потрібно створити картку. Для цього ви переходите на потрібну вам вкладку (для ШІ чи для ігор). Це ви можете зробити безпосередньо з домашньої сторінки або ж за допомогою меню.

2. Після того як ви обрали вкладку, ви вносите дані про картку. Для ШІ це такі дані як: рівень ШІ, де використовується ШІ, тип ШІ та зрештою його рейтинг. Для ігор: назва гри, складність гри, її ціна (числом) та валютою. Зауважте, що у полях рівень ШІ та його використання можна обрати кілька значень.

   Також, якщо говорити про значення, то безпосередньо всі поля на формі мають бути заповнені - незалежно для гри чи для ШІ. Поля рейтингу та ціни не можуть мати 0, а рейтинг ще й не може бути більшим за 100.

3. Після заповнення даних потрібно натиснути на кнопку "Add". Після цього з'явиться ваша перша картка.

   Можна створювати скільки завгодно карток, до того ж вони можуть повторюватися. Якщо потрібно, можна очистити форму за допомогою кнопки "Clear".

4. Картки можна видаляти (за допомогою кнопки "Delete"), або редагувати (за допомогою кнопки "Edit"). Після спроби редагування, дані з картки перенесуться на форму, де тепер можна змінити якісь дані картки та відправити за допомогою кнопки "Update". За бажанням, можна відмінити редагування та натиснути кнопку "Cancel". Також можна змінювати порядок розміщення карток (за допомогою перетягування на комп'ютерах, або за допомогою кліків на телефонах).

5. Після створення карток ШІ та ігор можна переходити до змішування карток. Для цього потрібно перейти на вкладку "Mix Cards".

6. Щоб створити свою першу змішану картку, потрібно натиснути "Add Cards". Після цього з'явиться модальне вікно, де зліва - всі додані раніше картки ігор, а справа - ШІ. Обираєте одну картку гри та ШІ і натискаєте "Mix Selected Cards". Важливо обрати картку як і з гри, так і з ШІ.

7. Після змішування можна повернутися на сторінку "Mix Cards".

8. Вітаємо, ви створили першу картку, яка має інформацію як про гру, так і про ШІ! Ви можете додати нові картки, видалити існуючі, міняти їх порядок.

EN:

• 💻Adaptive Design The site is optimized for both large and small screens, providing a seamless experience across devices.
• 🚀Intuitive Navigation Easily navigate through the site with our user-friendly menu, allowing you to access all the necessary features effortlessly.
• 🎨Theme Customization Personalize your browsing experience by choosing between light and dark themes, ensuring optimal visibility and comfort.
• 🛠️Efficient Card Management Manage your cards efficiently by editing, deleting, and rearranging them according to your preferences.
• 🔍Easy Card Search Find specific cards quickly using our search functionality, making it easy to locate the information you need.
• Social media links in footer Users can connect with us through our social media links in the footer.

UA:

• 💻Адаптивний дизайн Сайт оптимізовано як для великих, так і для малих екранів, що забезпечує безперебійну роботу на всіх пристроях.
• 🚀Зручне переміщення Легко орієнтуйтеся на сайті за допомогою нашого зручного меню, що дозволяє отримати доступ до всіх необхідних функцій без зайвих зусиль.
• 🎨Налаштування теми Персоналізуйте свій досвід перегляду, вибираючи між світлими і темними темами, забезпечуючи оптимальну видимість і комфорт.
• 🛠️Ефективне керування картками Ефективно керуйте своїми картками, редагуючи, видаляючи та переставляючи їх відповідно до ваших бажань.
• 🔍Простий пошук карток Швидко знаходьте конкретні картки за допомогою нашого функціоналу пошуку, що дозволяє легко знайти потрібну вам інформацію.
• Посилання на соціальні мережі у футері Користувачі можуть зв'язатися з нами через посилання на наші соціальні мережі у футері.

EN:

• 💡Exploration: Feel free to explore all the features of our project. Don't hesitate to try different options and functionalities.
• 📣Feedback: We value your feedback. If you encounter any issues or have suggestions for improvement, please let us know.

UA:

• 💡Дослідження: Відчуйте вільність досліджувати всі можливості нашого проєкту. Не соромтеся спробовувати різні опції та функціонал.
• 📣Зворотній зв'язок: Ми цінуємо ваші відгуки. Якщо ви зіткнетеся з якими-небудь проблемами або маєте пропозиції щодо покращень, будь ласка, повідомте нас.