WEB-додаток «Допомога у Європі»

Abstract

Більше року триває російське вторгнення в Україну. На жаль, з кожним днем все більше українців втрачають свої домівки та починають життя з чистого листа. Наразі Європейський Союз надає тимчасовий захист українцям, які виїхали за кордон, та допомагає влаштуватися там. Але оскільки країн ЄС багато, починаються труднощі у виборі країни та пошуку інформації про те, яку саме допомогу надає обрана нами країна. Щоб полегшити життя українців, було прийняте рішення про створення web-додатку, де буде зібрана інформація про клімат, середню вартість оренди житла, умови працевлаштування, податки, медицину та допомогу кожної країни. Для досягнення цієї мети, було використано мови програмування JavaScript у середовищі Visual Studio Code разом із такими технологіями: HTML, CSS, React, Sass, BEM. JavaScript - мова програмування, яка використовується для динамічної взаємодії з веб-сторінками та створення різних функціональностей. Тут JavaScript використовується для написання логіки, яка забезпечує взаємодію з користувачем, фільтрацію та порівняння інформації про країни та інші функції. React - це бібліотека JavaScript, яка використовується для створення інтерфейсів користувача та компонентів. В даному додатку React використовується для створення компонентів веб-сторінки, таких як фільтри, таблиці, форми та інші. HTML використовується для створення основної структури веб-сторінки, включаючи блоки і елементи, такі як заголовки, кнопки. CSS використовується в даному додатку для створення дизайну та оформлення елементів веб-сторінки, включаючи кольори, розміри, шрифти, межі та інші параметри. Разом із CSS було використано Sass та BEM, які в свою чергу використовується в даному додатку для створення стилів і оформлення елементів веб-сторінки та для структурування і найменування класів CSS, що забезпечує зрозумілість та легкість у розробці та зміні веб-сторінок відповідно.

The Russian invasion of Ukraine has been going on for more than a year. Unfortunately, every day more and more Ukrainians are losing their homes and starting life with a clean slate. Currently, the European Union provides temporary protection to Ukrainians who have gone abroad and helps them settle there. But since there are many EU countries, it becomes difficult to choose a country and find information about what kind of assistance the chosen country provides. In order to make life easier for Ukrainians, a decision was made to create a web application that will collect information about the climate, the average cost of renting a house, employment conditions, taxes, medicine and assistance of each country. In order to make life easier for Ukrainians, a decision was made to create a web application that will collect information about the climate, the average cost of renting a house, employment conditions, taxes, medicine and assistance of each country. To achieve this goal, the JavaScript programming language was used in the Visual Studio Code environment along with the following technologies: HTML, CSS, React, Sass, BEM. JavaScript is a programming language used to dynamically interact with web pages and create various functionalities. Here, JavaScript is used to write logic that provides user interaction, filtering and comparing country information, and other functions. React is a JavaScript library used to create user interfaces and components. In this application, React is used to create web page components such as filters, tables, forms and others. HTML is used to create the basic structure of a web page, including blocks and elements such as headings and buttons. CSS is used in this application to create the design and layout of web page elements, including colors, sizes, fonts, borders, and other parameters. Together with CSS, Sass and BEM were used, which in turn are used in this application to create styles and design elements of a web page and to structure and name CSS classes, which ensures clarity and ease in the development and modification of web pages, respectively.