{"id":806,"date":"2024-03-01T12:14:03","date_gmt":"2024-03-01T12:14:03","guid":{"rendered":"https:\/\/smultron.software\/case-studies\/internetowa-gra\/"},"modified":"2025-11-03T13:38:50","modified_gmt":"2025-11-03T13:38:50","slug":"internetowa-gra","status":"publish","type":"project","link":"https:\/\/smultron.software\/pl\/projekty\/internetowa-gra","title":{"rendered":"Gra przegl\u0105darkowa"},"content":{"rendered":"\n<div class=\"headline full-width container-grid section-scrollspy  pb-[30px] desktop:pb-[60px] pb-![16px] desktop:!pb-[36px] !pt-[30px] desktop:!pt-[40px]\" >\n\t\t\t<h1 class=\"hm1 tablet:d3 desktop:d2 desktop-xl:h1\">Gra przegl\u0105darkowa<\/h1><\/div>\n\n<div class=\"sticky z-[100] top-0 bg-white full-width mb-[16px] desktop:mb-[36px]\">\n\t<div class=\" submenu submenu-scrollspy container-grid\"\n\t\tdata-aos=\"animate__fadeInUp\"\n\t\tdata-aos-delay=\"150\">\n\t\t<div class=\"overflow-hidden py-[16px] desktop:py-[24px]\">\n\t\t\t<div class=\"min-w-0\">\n\t\t\t\t<div class=\"submenu__swiper swiper overflow-visible\">\n\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t\t\t<a href=\"#opis\"\n\t\t\t\t\t\t\t\t\tclass=\"button button--small button--outlined\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Opis<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t\t\t<a href=\"#zakres-prac\"\n\t\t\t\t\t\t\t\t\tclass=\"button button--small button--outlined\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Zakres prac<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t\t\t<a href=\"#cele\"\n\t\t\t\t\t\t\t\t\tclass=\"button button--small button--outlined\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Cele<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t\t\t<a href=\"#skontaktuj-sie\"\n\t\t\t\t\t\t\t\t\tclass=\"button button--small button--gradient-red\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>Skontaktuj si\u0119<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-navigation\">\n\t\t\t\t\t\t<div class=\"swiper-navigation-prev\">\n\t\t\t\t\t\t\t<button class=\"swiper-navigation-button\">\n\t\t\t\t\t\t\t\t<span class=\"icon-angel-left\"><\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"swiper-navigation-next\">\n\t\t\t\t\t\t\t<button class=\"swiper-navigation-button\">\n\t\t\t\t\t\t\t\t<span class=\"icon-angel-right\"><\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy has-navy-1-color has-gray-1-background-color has-text-color has-background has-link-color wp-elements-623e8e6ddf10fb21c553802de5931f21\" id=\"opis\"><div class=\"container-grid pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"><div class=\"\"><div class=\"\">\n<div style=\"background-color:transparent\" class=\"wp-block-smultron-grid\"><div><div class=\"wp-block-smultron-grid grid gap-[24px] tablet:grid-cols-1 desktop:grid-cols-2 items-center gap-y-[60px]\">\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\t<div class=\"grid gap-[16px]\">\n\t\t\t\t\t\t\t\t\t<div class=\"\n\t\t\t\t\thm2 desktop:h2 title\t\t\t\t\t\">\n\t\t\t\t\t\tGra przegl\u0105darkowa\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\n<p>Dwuletni projekt prowadzony w&nbsp;metodyce&nbsp;<strong>SCRUM<\/strong>&nbsp;z&nbsp;dwutygodniowymi sprintami, w&nbsp;ramach kt\u00f3rego&nbsp;powsta\u0142a przegl\u0105darkowa gra oparta na&nbsp;<strong>Angular<\/strong>&nbsp;udzielana kasynom na&nbsp;licencji.&nbsp;<\/p>\n\n\n\n<p>W&nbsp;sk\u0142ad aplikacji wchodzi gra (multiplayer), podzia\u0142 na&nbsp;pokoje, zarz\u0105dzanie profilem i&nbsp;ustawieniami u\u017cytkownika. Gracze mog\u0105 komunikowa\u0107 si\u0119 przy pomocy czatu (<strong>vue.js<\/strong>), kt\u00f3ry&nbsp;zosta\u0142 przygotowany jako odr\u0119bny modu\u0142 umo\u017cliwiaj\u0105cy osadzenie w&nbsp;innych produktach klienta. Poza podstawow\u0105 gr\u0105, zosta\u0142o przygotowane sze\u015b\u0107 prostszych gier uzupe\u0142niaj\u0105cych, na&nbsp;kt\u00f3rych&nbsp;mo\u017cna prowadzi\u0107 dodatkowe rozgrywki na&nbsp;pieni\u0105dze.&nbsp;<\/p>\n\n\n\n<p>W&nbsp;ramach projektu zosta\u0142a r\u00f3wnie\u017c stworzona druga aplikacja s\u0142u\u017c\u0105ca do&nbsp;moderowania czatu.<\/p>\n\n\n\n<div class=\"wp-block-smultron-project-tags label-xs project-tags\">Angular \/ Vue \/ Jasmine \/ Karma \/ TypeScript \/ NodeJS<\/div>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-left wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"961\" height=\"1001\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1.png\" alt=\"Ko\u015bci, karty i \u017cetony do gry\" class=\"wp-image-1771 lazyload\" data-srcset=\"https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1.png 961w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-288x300.png 288w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-768x800.png 768w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-44x46.png 44w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-54x56.png 54w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-361x376.png 361w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-52x54.png 52w, https:\/\/smultron.software\/content\/uploads\/2024\/03\/gambling_colours-1-346x360.png 346w\" data-sizes=\"(max-width: 961px) 100vw, 961px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 961px; --smush-placeholder-aspect-ratio: 961\/1001;\" \/><\/figure>\n\n\t<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy has-transparent-background-color has-background\" id=\"zakres-prac\"><div class=\"\"><div class=\"\"><div class=\"\"><div class=\"full-width timeline text-white bg-navy-1 py-[60px]\ndesktop:py-[120px]\">\n\t<div class=\"container-grid\">\n\t\t<div class=\"timeline__headline text-center mb-[32px] desktop:mb-[60px]\">\n\t\t\t<div class=\"hm2 desktop:h2\"\n\t\t\t\tdata-aos=\"animate__fadeInUp\">\n\t\t\t\tZakres prac\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"timeline__tabs mb-[60px] desktop:mb-[120px]\"\n\t\t\tdata-aos=\"animate__fadeInUp\">\n\t\t\t<div class=\"grid\">\n\t<div class=\"min-w-0\">\n\t\t<div class=\"swiper timeline-slider-thumbs\">\n\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M28 38C27.45 38 26.9792 37.8042 26.5875 37.4125C26.1958 37.0208 26 36.55 26 36H30C30 36.55 29.8042 37.0208 29.4125 37.4125C29.0208 37.8042 28.55 38 28 38ZM24 35V33H32V35H24ZM24.25 32C23.1 31.3167 22.1875 30.4 21.5125 29.25C20.8375 28.1 20.5 26.85 20.5 25.5C20.5 23.4167 21.2292 21.6458 22.6875 20.1875C24.1458 18.7292 25.9167 18 28 18C30.0833 18 31.8542 18.7292 33.3125 20.1875C34.7708 21.6458 35.5 23.4167 35.5 25.5C35.5 26.85 35.1625 28.1 34.4875 29.25C33.8125 30.4 32.9 31.3167 31.75 32H24.25ZM24.85 30H31.15C31.9 29.4667 32.4792 28.8083 32.8875 28.025C33.2958 27.2417 33.5 26.4 33.5 25.5C33.5 23.9667 32.9667 22.6667 31.9 21.6C30.8333 20.5333 29.5333 20 28 20C26.4667 20 25.1667 20.5333 24.1 21.6C23.0333 22.6667 22.5 23.9667 22.5 25.5C22.5 26.4 22.7042 27.2417 23.1125 28.025C23.5208 28.8083 24.1 29.4667 24.85 30Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M30.75 36L32.75 38H22C21.45 38 20.9792 37.8042 20.5875 37.4125C20.1958 37.0208 20 36.55 20 36V20C20 19.45 20.1958 18.9792 20.5875 18.5875C20.9792 18.1958 21.45 18 22 18H31L36 24V36C36 36.3333 35.9292 36.6375 35.7875 36.9125C35.6458 37.1875 35.45 37.4167 35.2 37.6L30 32.45C29.7167 32.6333 29.4083 32.7708 29.075 32.8625C28.7417 32.9542 28.3833 33 28 33C26.9 33 25.9583 32.6083 25.175 31.825C24.3917 31.0417 24 30.1 24 29C24 27.9 24.3917 26.9583 25.175 26.175C25.9583 25.3917 26.9 25 28 25C29.1 25 30.0417 25.3917 30.825 26.175C31.6083 26.9583 32 27.9 32 29C32 29.3833 31.9542 29.7417 31.8625 30.075C31.7708 30.4083 31.6333 30.7167 31.45 31L34 33.6V24.7L30.05 20H22V36H30.75ZM28 31C28.55 31 29.0208 30.8042 29.4125 30.4125C29.8042 30.0208 30 29.55 30 29C30 28.45 29.8042 27.9792 29.4125 27.5875C29.0208 27.1958 28.55 27 28 27C27.45 27 26.9792 27.1958 26.5875 27.5875C26.1958 27.9792 26 28.45 26 29C26 29.55 26.1958 30.0208 26.5875 30.4125C26.9792 30.8042 27.45 31 28 31Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M33.75 29.25L35.75 31.25V36C35.75 36.55 35.5542 37.0208 35.1625 37.4125C34.7708 37.8042 34.3 38 33.75 38H19.75C19.2 38 18.7292 37.8042 18.3375 37.4125C17.9458 37.0208 17.75 36.55 17.75 36V22C17.75 21.45 17.9458 20.9792 18.3375 20.5875C18.7292 20.1958 19.2 20 19.75 20H25.25C25.1167 20.3 25.0167 20.6208 24.95 20.9625C24.8833 21.3042 24.8333 21.65 24.8 22H19.75V36H33.75V29.25ZM35.05 24.9L38.25 28.1L36.85 29.5L33.65 26.3C33.3 26.5 32.925 26.6667 32.525 26.8C32.125 26.9333 31.7 27 31.25 27C30 27 28.9375 26.5625 28.0625 25.6875C27.1875 24.8125 26.75 23.75 26.75 22.5C26.75 21.25 27.1875 20.1875 28.0625 19.3125C28.9375 18.4375 30 18 31.25 18C32.5 18 33.5625 18.4375 34.4375 19.3125C35.3125 20.1875 35.75 21.25 35.75 22.5C35.75 22.95 35.6833 23.375 35.55 23.775C35.4167 24.175 35.25 24.55 35.05 24.9ZM31.25 25C31.95 25 32.5417 24.7583 33.025 24.275C33.5083 23.7917 33.75 23.2 33.75 22.5C33.75 21.8 33.5083 21.2083 33.025 20.725C32.5417 20.2417 31.95 20 31.25 20C30.55 20 29.9583 20.2417 29.475 20.725C28.9917 21.2083 28.75 21.8 28.75 22.5C28.75 23.2 28.9917 23.7917 29.475 24.275C29.9583 24.7583 30.55 25 31.25 25ZM19.75 36V22V29V28.7V36Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29 25V19H37V25H29ZM19 29V19H27V29H19ZM29 37V27H37V37H29ZM19 37V31H27V37H19ZM21 27H25V21H21V27ZM31 35H35V29H31V35ZM31 23H35V21H31V23ZM21 35H25V33H21V35Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M17.5875 24.5V18.5H19.5875V20.85C20.4375 19.7833 21.475 18.9583 22.7 18.375C23.925 17.7917 25.2209 17.5 26.5875 17.5C29.0875 17.5 31.2125 18.375 32.9625 20.125C34.7125 21.875 35.5875 24 35.5875 26.5H33.5875C33.5875 24.55 32.9084 22.8958 31.55 21.5375C30.1917 20.1792 28.5375 19.5 26.5875 19.5C25.4375 19.5 24.3625 19.7667 23.3625 20.3C22.3625 20.8333 21.5209 21.5667 20.8375 22.5H23.5875V24.5H17.5875ZM17.6375 27.5H19.6875C19.8875 29.05 20.525 30.3625 21.6 31.4375C22.675 32.5125 23.9625 33.1667 25.4625 33.4L26.6625 35.5C24.3625 35.5 22.3459 34.7375 20.6125 33.2125C18.8792 31.6875 17.8875 29.7833 17.6375 27.5ZM27.9375 29.25L25.5875 26.9V21.5H27.5875V26.1L28.9875 27.5L27.9375 29.25ZM32.5625 38.5L32.2625 37C32.0625 36.9167 31.875 36.8292 31.7 36.7375C31.525 36.6458 31.3459 36.5333 31.1625 36.4L29.7125 36.85L28.7125 35.15L29.8625 34.15C29.8292 33.9333 29.8125 33.7167 29.8125 33.5C29.8125 33.2833 29.8292 33.0667 29.8625 32.85L28.7125 31.85L29.7125 30.15L31.1625 30.6C31.3459 30.4667 31.525 30.3542 31.7 30.2625C31.875 30.1708 32.0625 30.0833 32.2625 30L32.5625 28.5H34.5625L34.8625 30C35.0625 30.0833 35.2542 30.1792 35.4375 30.2875C35.6209 30.3958 35.7959 30.5167 35.9625 30.65L37.4125 30.15L38.4125 31.9L37.2625 32.9C37.2959 33.1167 37.3125 33.325 37.3125 33.525C37.3125 33.725 37.2959 33.9333 37.2625 34.15L38.4125 35.15L37.4125 36.85L35.9625 36.4C35.7792 36.5333 35.6 36.6458 35.425 36.7375C35.25 36.8292 35.0625 36.9167 34.8625 37L34.5625 38.5H32.5625ZM33.5625 35.5C34.1125 35.5 34.5834 35.3042 34.975 34.9125C35.3667 34.5208 35.5625 34.05 35.5625 33.5C35.5625 32.95 35.3667 32.4792 34.975 32.0875C34.5834 31.6958 34.1125 31.5 33.5625 31.5C33.0125 31.5 32.5417 31.6958 32.15 32.0875C31.7584 32.4792 31.5625 32.95 31.5625 33.5C31.5625 34.05 31.7584 34.5208 32.15 34.9125C32.5417 35.3042 33.0125 35.5 33.5625 35.5Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M27.1375 38.5C26.6709 38.5 26.2334 38.4 25.825 38.2C25.4167 38 25.0709 37.7167 24.7875 37.35L19.3375 30.425L19.8125 29.925C20.1459 29.575 20.5459 29.3667 21.0125 29.3C21.4792 29.2333 21.9125 29.325 22.3125 29.575L24.1625 30.7V22.5C24.1625 22.2167 24.2584 21.9792 24.45 21.7875C24.6417 21.5958 24.8792 21.5 25.1625 21.5C25.4459 21.5 25.6875 21.5958 25.8875 21.7875C26.0875 21.9792 26.1875 22.2167 26.1875 22.5V34.3L23.7625 32.8L26.3625 36.125C26.4625 36.2417 26.5792 36.3333 26.7125 36.4C26.8459 36.4667 26.9875 36.5 27.1375 36.5H32.6625C33.2125 36.5 33.6834 36.3042 34.075 35.9125C34.4667 35.5208 34.6625 35.05 34.6625 34.5V30.5C34.6625 30.2167 34.5667 29.9792 34.375 29.7875C34.1834 29.5958 33.9459 29.5 33.6625 29.5H28.1875V27.5H33.6625C34.4959 27.5 35.2042 27.7917 35.7875 28.375C36.3709 28.9583 36.6625 29.6667 36.6625 30.5V34.5C36.6625 35.6 36.2709 36.5417 35.4875 37.325C34.7042 38.1083 33.7625 38.5 32.6625 38.5H27.1375ZM20.8375 25C20.6209 24.6333 20.4542 24.2375 20.3375 23.8125C20.2209 23.3875 20.1625 22.95 20.1625 22.5C20.1625 21.1167 20.65 19.9375 21.625 18.9625C22.6 17.9875 23.7792 17.5 25.1625 17.5C26.5459 17.5 27.725 17.9875 28.7 18.9625C29.675 19.9375 30.1625 21.1167 30.1625 22.5C30.1625 22.95 30.1042 23.3875 29.9875 23.8125C29.8709 24.2375 29.7042 24.6333 29.4875 25L27.7625 24C27.8959 23.7667 27.9959 23.5292 28.0625 23.2875C28.1292 23.0458 28.1625 22.7833 28.1625 22.5C28.1625 21.6667 27.8709 20.9583 27.2875 20.375C26.7042 19.7917 25.9959 19.5 25.1625 19.5C24.3292 19.5 23.6209 19.7917 23.0375 20.375C22.4542 20.9583 22.1625 21.6667 22.1625 22.5C22.1625 22.7833 22.1959 23.0458 22.2625 23.2875C22.3292 23.5292 22.4292 23.7667 22.5625 24L20.8375 25Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M25.25 38L24.85 34.8C24.6333 34.7167 24.4292 34.6167 24.2375 34.5C24.0458 34.3833 23.8583 34.2583 23.675 34.125L20.7 35.375L17.95 30.625L20.525 28.675C20.5083 28.5583 20.5 28.4458 20.5 28.3375V27.6625C20.5 27.5542 20.5083 27.4417 20.525 27.325L17.95 25.375L20.7 20.625L23.675 21.875C23.8583 21.7417 24.05 21.6167 24.25 21.5C24.45 21.3833 24.65 21.2833 24.85 21.2L25.25 18H30.75L31.15 21.2C31.3667 21.2833 31.5708 21.3833 31.7625 21.5C31.9542 21.6167 32.1417 21.7417 32.325 21.875L35.3 20.625L38.05 25.375L35.475 27.325C35.4917 27.4417 35.5 27.5542 35.5 27.6625V28.3375C35.5 28.4458 35.4833 28.5583 35.45 28.675L38.025 30.625L35.275 35.375L32.325 34.125C32.1417 34.2583 31.95 34.3833 31.75 34.5C31.55 34.6167 31.35 34.7167 31.15 34.8L30.75 38H25.25ZM27 36H28.975L29.325 33.35C29.8417 33.2167 30.3208 33.0208 30.7625 32.7625C31.2042 32.5042 31.6083 32.1917 31.975 31.825L34.45 32.85L35.425 31.15L33.275 29.525C33.3583 29.2917 33.4167 29.0458 33.45 28.7875C33.4833 28.5292 33.5 28.2667 33.5 28C33.5 27.7333 33.4833 27.4708 33.45 27.2125C33.4167 26.9542 33.3583 26.7083 33.275 26.475L35.425 24.85L34.45 23.15L31.975 24.2C31.6083 23.8167 31.2042 23.4958 30.7625 23.2375C30.3208 22.9792 29.8417 22.7833 29.325 22.65L29 20H27.025L26.675 22.65C26.1583 22.7833 25.6792 22.9792 25.2375 23.2375C24.7958 23.4958 24.3917 23.8083 24.025 24.175L21.55 23.15L20.575 24.85L22.725 26.45C22.6417 26.7 22.5833 26.95 22.55 27.2C22.5167 27.45 22.5 27.7167 22.5 28C22.5 28.2667 22.5167 28.525 22.55 28.775C22.5833 29.025 22.6417 29.275 22.725 29.525L20.575 31.15L21.55 32.85L24.025 31.8C24.3917 32.1833 24.7958 32.5042 25.2375 32.7625C25.6792 33.0208 26.1583 33.2167 26.675 33.35L27 36ZM28.05 31.5C29.0167 31.5 29.8417 31.1583 30.525 30.475C31.2083 29.7917 31.55 28.9667 31.55 28C31.55 27.0333 31.2083 26.2083 30.525 25.525C29.8417 24.8417 29.0167 24.5 28.05 24.5C27.0667 24.5 26.2375 24.8417 25.5625 25.525C24.8875 26.2083 24.55 27.0333 24.55 28C24.55 28.9667 24.8875 29.7917 25.5625 30.475C26.2375 31.1583 27.0667 31.5 28.05 31.5Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M21.5767 25.9602L23.5267 26.7852C23.76 26.3185 24.0017 25.8685 24.2517 25.4352C24.5017 25.0018 24.7767 24.5685 25.0767 24.1352L23.6767 23.8602L21.5767 25.9602ZM25.1267 28.0352L27.9767 30.8602C28.6767 30.5935 29.4267 30.1852 30.2267 29.6352C31.0267 29.0852 31.7767 28.4602 32.4767 27.7602C33.6434 26.5935 34.5559 25.2977 35.2142 23.8727C35.8725 22.4477 36.16 21.1352 36.0767 19.9352C34.8767 19.8518 33.56 20.1393 32.1267 20.7977C30.6934 21.456 29.3934 22.3685 28.2267 23.5352C27.5267 24.2352 26.9017 24.9852 26.3517 25.7852C25.8017 26.5852 25.3934 27.3352 25.1267 28.0352ZM29.5767 26.4102C29.1934 26.0268 29.0017 25.556 29.0017 24.9977C29.0017 24.4393 29.1934 23.9685 29.5767 23.5852C29.96 23.2018 30.435 23.0102 31.0017 23.0102C31.5684 23.0102 32.0434 23.2018 32.4267 23.5852C32.81 23.9685 33.0017 24.4393 33.0017 24.9977C33.0017 25.556 32.81 26.0268 32.4267 26.4102C32.0434 26.7935 31.5684 26.9852 31.0017 26.9852C30.435 26.9852 29.96 26.7935 29.5767 26.4102ZM30.0517 34.4352L32.1517 32.3352L31.8767 30.9352C31.4434 31.2352 31.01 31.506 30.5767 31.7477C30.1434 31.9893 29.6934 32.2268 29.2267 32.4602L30.0517 34.4352ZM37.8767 18.1102C38.1934 20.1268 37.9975 22.0893 37.2892 23.9977C36.5809 25.906 35.36 27.7268 33.6267 29.4602L34.1267 31.9352C34.1934 32.2685 34.1767 32.5935 34.0767 32.9102C33.9767 33.2268 33.81 33.5018 33.5767 33.7352L29.3767 37.9352L27.2767 33.0102L23.0017 28.7352L18.0767 26.6352L22.2517 22.4352C22.485 22.2018 22.7642 22.0352 23.0892 21.9352C23.4142 21.8352 23.7434 21.8185 24.0767 21.8852L26.5517 22.3852C28.285 20.6518 30.1017 19.4268 32.0017 18.7102C33.9017 17.9935 35.86 17.7935 37.8767 18.1102ZM19.8517 31.9102C20.435 31.3268 21.1475 31.031 21.9892 31.0227C22.8309 31.0143 23.5434 31.3018 24.1267 31.8852C24.71 32.4685 24.9975 33.181 24.9892 34.0227C24.9809 34.8643 24.685 35.5768 24.1017 36.1602C23.685 36.5768 22.9892 36.9352 22.0142 37.2352C21.0392 37.5352 19.6934 37.8018 17.9767 38.0352C18.21 36.3185 18.4767 34.9727 18.7767 33.9977C19.0767 33.0227 19.435 32.3268 19.8517 31.9102ZM21.2767 33.3102C21.11 33.4768 20.9434 33.781 20.7767 34.2227C20.61 34.6643 20.4934 35.1102 20.4267 35.5602C20.8767 35.4935 21.3225 35.381 21.7642 35.2227C22.2059 35.0643 22.51 34.9018 22.6767 34.7352C22.8767 34.5352 22.985 34.2935 23.0017 34.0102C23.0184 33.7268 22.9267 33.4852 22.7267 33.2852C22.5267 33.0852 22.285 32.9893 22.0017 32.9977C21.7184 33.006 21.4767 33.1102 21.2767 33.3102Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide !w-auto\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M28 38C25.6833 37.4167 23.7708 36.0875 22.2625 34.0125C20.7542 31.9375 20 29.6333 20 27.1V21L28 18L36 21V27.1C36 29.6333 35.2458 31.9375 33.7375 34.0125C32.2292 36.0875 30.3167 37.4167 28 38ZM28 35.9C29.7333 35.35 31.1667 34.25 32.3 32.6C33.4333 30.95 34 29.1167 34 27.1V22.375L28 20.125L22 22.375V27.1C22 29.1167 22.5667 30.95 23.7 32.6C24.8333 34.25 26.2667 35.35 28 35.9Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"timeline__panel grid tablet:grid-cols-8\n\t\tdesktop:grid-cols-12 gap-[24px]\"\n\t\t\tdata-aos=\"animate__fadeInUp\">\n\t\t\t\n<div class=\"tablet:col-start-2 tablet:col-end-[-2] grid\">\n\t<div class=\"min-w-0\">\n\t\t<div class=\"swiper timeline-slider\">\n\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M28 38C27.45 38 26.9792 37.8042 26.5875 37.4125C26.1958 37.0208 26 36.55 26 36H30C30 36.55 29.8042 37.0208 29.4125 37.4125C29.0208 37.8042 28.55 38 28 38ZM24 35V33H32V35H24ZM24.25 32C23.1 31.3167 22.1875 30.4 21.5125 29.25C20.8375 28.1 20.5 26.85 20.5 25.5C20.5 23.4167 21.2292 21.6458 22.6875 20.1875C24.1458 18.7292 25.9167 18 28 18C30.0833 18 31.8542 18.7292 33.3125 20.1875C34.7708 21.6458 35.5 23.4167 35.5 25.5C35.5 26.85 35.1625 28.1 34.4875 29.25C33.8125 30.4 32.9 31.3167 31.75 32H24.25ZM24.85 30H31.15C31.9 29.4667 32.4792 28.8083 32.8875 28.025C33.2958 27.2417 33.5 26.4 33.5 25.5C33.5 23.9667 32.9667 22.6667 31.9 21.6C30.8333 20.5333 29.5333 20 28 20C26.4667 20 25.1667 20.5333 24.1 21.6C23.0333 22.6667 22.5 23.9667 22.5 25.5C22.5 26.4 22.7042 27.2417 23.1125 28.025C23.5208 28.8083 24.1 29.4667 24.85 30Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tWarsztaty\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWsp\u00f3lnie z klientem uczestniczymy w warsztatach, aby lepiej pozna\u0107 jego wizj\u0119 i zapewni\u0107 idealne dopasowanie do oczekiwa\u0144.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/warsztaty-1.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Warsztaty\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M30.75 36L32.75 38H22C21.45 38 20.9792 37.8042 20.5875 37.4125C20.1958 37.0208 20 36.55 20 36V20C20 19.45 20.1958 18.9792 20.5875 18.5875C20.9792 18.1958 21.45 18 22 18H31L36 24V36C36 36.3333 35.9292 36.6375 35.7875 36.9125C35.6458 37.1875 35.45 37.4167 35.2 37.6L30 32.45C29.7167 32.6333 29.4083 32.7708 29.075 32.8625C28.7417 32.9542 28.3833 33 28 33C26.9 33 25.9583 32.6083 25.175 31.825C24.3917 31.0417 24 30.1 24 29C24 27.9 24.3917 26.9583 25.175 26.175C25.9583 25.3917 26.9 25 28 25C29.1 25 30.0417 25.3917 30.825 26.175C31.6083 26.9583 32 27.9 32 29C32 29.3833 31.9542 29.7417 31.8625 30.075C31.7708 30.4083 31.6333 30.7167 31.45 31L34 33.6V24.7L30.05 20H22V36H30.75ZM28 31C28.55 31 29.0208 30.8042 29.4125 30.4125C29.8042 30.0208 30 29.55 30 29C30 28.45 29.8042 27.9792 29.4125 27.5875C29.0208 27.1958 28.55 27 28 27C27.45 27 26.9792 27.1958 26.5875 27.5875C26.1958 27.9792 26 28.45 26 29C26 29.55 26.1958 30.0208 26.5875 30.4125C26.9792 30.8042 27.45 31 28 31Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tAnaliza i\u00a0konsultacje\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tRozpoczynamy od g\u0142\u0119bokiego zrozumienia potrzeb klienta oraz cel\u00f3w projektu, aby zapewni\u0107 spersonalizowane rozwi\u0105zania.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/analiza-konsultacje-1.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Analiza i\u00a0konsultacje\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M33.75 29.25L35.75 31.25V36C35.75 36.55 35.5542 37.0208 35.1625 37.4125C34.7708 37.8042 34.3 38 33.75 38H19.75C19.2 38 18.7292 37.8042 18.3375 37.4125C17.9458 37.0208 17.75 36.55 17.75 36V22C17.75 21.45 17.9458 20.9792 18.3375 20.5875C18.7292 20.1958 19.2 20 19.75 20H25.25C25.1167 20.3 25.0167 20.6208 24.95 20.9625C24.8833 21.3042 24.8333 21.65 24.8 22H19.75V36H33.75V29.25ZM35.05 24.9L38.25 28.1L36.85 29.5L33.65 26.3C33.3 26.5 32.925 26.6667 32.525 26.8C32.125 26.9333 31.7 27 31.25 27C30 27 28.9375 26.5625 28.0625 25.6875C27.1875 24.8125 26.75 23.75 26.75 22.5C26.75 21.25 27.1875 20.1875 28.0625 19.3125C28.9375 18.4375 30 18 31.25 18C32.5 18 33.5625 18.4375 34.4375 19.3125C35.3125 20.1875 35.75 21.25 35.75 22.5C35.75 22.95 35.6833 23.375 35.55 23.775C35.4167 24.175 35.25 24.55 35.05 24.9ZM31.25 25C31.95 25 32.5417 24.7583 33.025 24.275C33.5083 23.7917 33.75 23.2 33.75 22.5C33.75 21.8 33.5083 21.2083 33.025 20.725C32.5417 20.2417 31.95 20 31.25 20C30.55 20 29.9583 20.2417 29.475 20.725C28.9917 21.2083 28.75 21.8 28.75 22.5C28.75 23.2 28.9917 23.7917 29.475 24.275C29.9583 24.7583 30.55 25 31.25 25ZM19.75 36V22V29V28.7V36Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tAudyt technologii\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPrzeprowadzamy szczeg\u00f3\u0142owy audyt technologiczny, identyfikuj\u0105c najlepsze narz\u0119dzia i rozwi\u0105zania dostosowane do potrzeb projektu.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/audyt-technologii-1.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Audyt technologii\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29 25V19H37V25H29ZM19 29V19H27V29H19ZM29 37V27H37V37H29ZM19 37V31H27V37H19ZM21 27H25V21H21V27ZM31 35H35V29H31V35ZM31 23H35V21H31V23ZM21 35H25V33H21V35Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tKodowanie front-end (interface)\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tTworzymy responsywne i dynamiczne interfejsy u\u017cytkownika, wykorzystuj\u0105c najnowsze technologie front-endowe.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/frontend-1.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Kodowanie front-end (interface)\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M17.5875 24.5V18.5H19.5875V20.85C20.4375 19.7833 21.475 18.9583 22.7 18.375C23.925 17.7917 25.2209 17.5 26.5875 17.5C29.0875 17.5 31.2125 18.375 32.9625 20.125C34.7125 21.875 35.5875 24 35.5875 26.5H33.5875C33.5875 24.55 32.9084 22.8958 31.55 21.5375C30.1917 20.1792 28.5375 19.5 26.5875 19.5C25.4375 19.5 24.3625 19.7667 23.3625 20.3C22.3625 20.8333 21.5209 21.5667 20.8375 22.5H23.5875V24.5H17.5875ZM17.6375 27.5H19.6875C19.8875 29.05 20.525 30.3625 21.6 31.4375C22.675 32.5125 23.9625 33.1667 25.4625 33.4L26.6625 35.5C24.3625 35.5 22.3459 34.7375 20.6125 33.2125C18.8792 31.6875 17.8875 29.7833 17.6375 27.5ZM27.9375 29.25L25.5875 26.9V21.5H27.5875V26.1L28.9875 27.5L27.9375 29.25ZM32.5625 38.5L32.2625 37C32.0625 36.9167 31.875 36.8292 31.7 36.7375C31.525 36.6458 31.3459 36.5333 31.1625 36.4L29.7125 36.85L28.7125 35.15L29.8625 34.15C29.8292 33.9333 29.8125 33.7167 29.8125 33.5C29.8125 33.2833 29.8292 33.0667 29.8625 32.85L28.7125 31.85L29.7125 30.15L31.1625 30.6C31.3459 30.4667 31.525 30.3542 31.7 30.2625C31.875 30.1708 32.0625 30.0833 32.2625 30L32.5625 28.5H34.5625L34.8625 30C35.0625 30.0833 35.2542 30.1792 35.4375 30.2875C35.6209 30.3958 35.7959 30.5167 35.9625 30.65L37.4125 30.15L38.4125 31.9L37.2625 32.9C37.2959 33.1167 37.3125 33.325 37.3125 33.525C37.3125 33.725 37.2959 33.9333 37.2625 34.15L38.4125 35.15L37.4125 36.85L35.9625 36.4C35.7792 36.5333 35.6 36.6458 35.425 36.7375C35.25 36.8292 35.0625 36.9167 34.8625 37L34.5625 38.5H32.5625ZM33.5625 35.5C34.1125 35.5 34.5834 35.3042 34.975 34.9125C35.3667 34.5208 35.5625 34.05 35.5625 33.5C35.5625 32.95 35.3667 32.4792 34.975 32.0875C34.5834 31.6958 34.1125 31.5 33.5625 31.5C33.0125 31.5 32.5417 31.6958 32.15 32.0875C31.7584 32.4792 31.5625 32.95 31.5625 33.5C31.5625 34.05 31.7584 34.5208 32.15 34.9125C32.5417 35.3042 33.0125 35.5 33.5625 35.5Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tOptymalizacja SEO, security, pagespeed\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tZapewniamy optymalizacj\u0119 pod k\u0105tem pozycjonowania w wyszukiwarkach, bezpiecze\u0144stwa oraz szybko\u015bci \u0142adowania strony.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/optymalizacja.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Optymalizacja SEO, security, pagespeed\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M27.1375 38.5C26.6709 38.5 26.2334 38.4 25.825 38.2C25.4167 38 25.0709 37.7167 24.7875 37.35L19.3375 30.425L19.8125 29.925C20.1459 29.575 20.5459 29.3667 21.0125 29.3C21.4792 29.2333 21.9125 29.325 22.3125 29.575L24.1625 30.7V22.5C24.1625 22.2167 24.2584 21.9792 24.45 21.7875C24.6417 21.5958 24.8792 21.5 25.1625 21.5C25.4459 21.5 25.6875 21.5958 25.8875 21.7875C26.0875 21.9792 26.1875 22.2167 26.1875 22.5V34.3L23.7625 32.8L26.3625 36.125C26.4625 36.2417 26.5792 36.3333 26.7125 36.4C26.8459 36.4667 26.9875 36.5 27.1375 36.5H32.6625C33.2125 36.5 33.6834 36.3042 34.075 35.9125C34.4667 35.5208 34.6625 35.05 34.6625 34.5V30.5C34.6625 30.2167 34.5667 29.9792 34.375 29.7875C34.1834 29.5958 33.9459 29.5 33.6625 29.5H28.1875V27.5H33.6625C34.4959 27.5 35.2042 27.7917 35.7875 28.375C36.3709 28.9583 36.6625 29.6667 36.6625 30.5V34.5C36.6625 35.6 36.2709 36.5417 35.4875 37.325C34.7042 38.1083 33.7625 38.5 32.6625 38.5H27.1375ZM20.8375 25C20.6209 24.6333 20.4542 24.2375 20.3375 23.8125C20.2209 23.3875 20.1625 22.95 20.1625 22.5C20.1625 21.1167 20.65 19.9375 21.625 18.9625C22.6 17.9875 23.7792 17.5 25.1625 17.5C26.5459 17.5 27.725 17.9875 28.7 18.9625C29.675 19.9375 30.1625 21.1167 30.1625 22.5C30.1625 22.95 30.1042 23.3875 29.9875 23.8125C29.8709 24.2375 29.7042 24.6333 29.4875 25L27.7625 24C27.8959 23.7667 27.9959 23.5292 28.0625 23.2875C28.1292 23.0458 28.1625 22.7833 28.1625 22.5C28.1625 21.6667 27.8709 20.9583 27.2875 20.375C26.7042 19.7917 25.9959 19.5 25.1625 19.5C24.3292 19.5 23.6209 19.7917 23.0375 20.375C22.4542 20.9583 22.1625 21.6667 22.1625 22.5C22.1625 22.7833 22.1959 23.0458 22.2625 23.2875C22.3292 23.5292 22.4292 23.7667 22.5625 24L20.8375 25Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tTesty manualne\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPrzeprowadzamy kompleksowe testy manualne, weryfikuj\u0105c dzia\u0142anie ka\u017cdej funkcjonalno\u015bci na r\u00f3\u017cnych, dost\u0119pnych na rynku urz\u0105dzeniach, zapewniaj\u0105c bezb\u0142\u0119dne dzia\u0142anie i wysok\u0105 jako\u015b\u0107 produktu.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/testy-manualne-1.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Testy manualne\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M25.25 38L24.85 34.8C24.6333 34.7167 24.4292 34.6167 24.2375 34.5C24.0458 34.3833 23.8583 34.2583 23.675 34.125L20.7 35.375L17.95 30.625L20.525 28.675C20.5083 28.5583 20.5 28.4458 20.5 28.3375V27.6625C20.5 27.5542 20.5083 27.4417 20.525 27.325L17.95 25.375L20.7 20.625L23.675 21.875C23.8583 21.7417 24.05 21.6167 24.25 21.5C24.45 21.3833 24.65 21.2833 24.85 21.2L25.25 18H30.75L31.15 21.2C31.3667 21.2833 31.5708 21.3833 31.7625 21.5C31.9542 21.6167 32.1417 21.7417 32.325 21.875L35.3 20.625L38.05 25.375L35.475 27.325C35.4917 27.4417 35.5 27.5542 35.5 27.6625V28.3375C35.5 28.4458 35.4833 28.5583 35.45 28.675L38.025 30.625L35.275 35.375L32.325 34.125C32.1417 34.2583 31.95 34.3833 31.75 34.5C31.55 34.6167 31.35 34.7167 31.15 34.8L30.75 38H25.25ZM27 36H28.975L29.325 33.35C29.8417 33.2167 30.3208 33.0208 30.7625 32.7625C31.2042 32.5042 31.6083 32.1917 31.975 31.825L34.45 32.85L35.425 31.15L33.275 29.525C33.3583 29.2917 33.4167 29.0458 33.45 28.7875C33.4833 28.5292 33.5 28.2667 33.5 28C33.5 27.7333 33.4833 27.4708 33.45 27.2125C33.4167 26.9542 33.3583 26.7083 33.275 26.475L35.425 24.85L34.45 23.15L31.975 24.2C31.6083 23.8167 31.2042 23.4958 30.7625 23.2375C30.3208 22.9792 29.8417 22.7833 29.325 22.65L29 20H27.025L26.675 22.65C26.1583 22.7833 25.6792 22.9792 25.2375 23.2375C24.7958 23.4958 24.3917 23.8083 24.025 24.175L21.55 23.15L20.575 24.85L22.725 26.45C22.6417 26.7 22.5833 26.95 22.55 27.2C22.5167 27.45 22.5 27.7167 22.5 28C22.5 28.2667 22.5167 28.525 22.55 28.775C22.5833 29.025 22.6417 29.275 22.725 29.525L20.575 31.15L21.55 32.85L24.025 31.8C24.3917 32.1833 24.7958 32.5042 25.2375 32.7625C25.6792 33.0208 26.1583 33.2167 26.675 33.35L27 36ZM28.05 31.5C29.0167 31.5 29.8417 31.1583 30.525 30.475C31.2083 29.7917 31.55 28.9667 31.55 28C31.55 27.0333 31.2083 26.2083 30.525 25.525C29.8417 24.8417 29.0167 24.5 28.05 24.5C27.0667 24.5 26.2375 24.8417 25.5625 25.525C24.8875 26.2083 24.55 27.0333 24.55 28C24.55 28.9667 24.8875 29.7917 25.5625 30.475C26.2375 31.1583 27.0667 31.5 28.05 31.5Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tTesty automatyczne\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWykorzystujemy automatyczne testy, aby szybko i skutecznie sprawdzi\u0107 dzia\u0142anie strony internetowej pod r\u00f3\u017cnymi warunkami.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/testy-automatyczne.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Testy automatyczne\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M21.5767 25.9602L23.5267 26.7852C23.76 26.3185 24.0017 25.8685 24.2517 25.4352C24.5017 25.0018 24.7767 24.5685 25.0767 24.1352L23.6767 23.8602L21.5767 25.9602ZM25.1267 28.0352L27.9767 30.8602C28.6767 30.5935 29.4267 30.1852 30.2267 29.6352C31.0267 29.0852 31.7767 28.4602 32.4767 27.7602C33.6434 26.5935 34.5559 25.2977 35.2142 23.8727C35.8725 22.4477 36.16 21.1352 36.0767 19.9352C34.8767 19.8518 33.56 20.1393 32.1267 20.7977C30.6934 21.456 29.3934 22.3685 28.2267 23.5352C27.5267 24.2352 26.9017 24.9852 26.3517 25.7852C25.8017 26.5852 25.3934 27.3352 25.1267 28.0352ZM29.5767 26.4102C29.1934 26.0268 29.0017 25.556 29.0017 24.9977C29.0017 24.4393 29.1934 23.9685 29.5767 23.5852C29.96 23.2018 30.435 23.0102 31.0017 23.0102C31.5684 23.0102 32.0434 23.2018 32.4267 23.5852C32.81 23.9685 33.0017 24.4393 33.0017 24.9977C33.0017 25.556 32.81 26.0268 32.4267 26.4102C32.0434 26.7935 31.5684 26.9852 31.0017 26.9852C30.435 26.9852 29.96 26.7935 29.5767 26.4102ZM30.0517 34.4352L32.1517 32.3352L31.8767 30.9352C31.4434 31.2352 31.01 31.506 30.5767 31.7477C30.1434 31.9893 29.6934 32.2268 29.2267 32.4602L30.0517 34.4352ZM37.8767 18.1102C38.1934 20.1268 37.9975 22.0893 37.2892 23.9977C36.5809 25.906 35.36 27.7268 33.6267 29.4602L34.1267 31.9352C34.1934 32.2685 34.1767 32.5935 34.0767 32.9102C33.9767 33.2268 33.81 33.5018 33.5767 33.7352L29.3767 37.9352L27.2767 33.0102L23.0017 28.7352L18.0767 26.6352L22.2517 22.4352C22.485 22.2018 22.7642 22.0352 23.0892 21.9352C23.4142 21.8352 23.7434 21.8185 24.0767 21.8852L26.5517 22.3852C28.285 20.6518 30.1017 19.4268 32.0017 18.7102C33.9017 17.9935 35.86 17.7935 37.8767 18.1102ZM19.8517 31.9102C20.435 31.3268 21.1475 31.031 21.9892 31.0227C22.8309 31.0143 23.5434 31.3018 24.1267 31.8852C24.71 32.4685 24.9975 33.181 24.9892 34.0227C24.9809 34.8643 24.685 35.5768 24.1017 36.1602C23.685 36.5768 22.9892 36.9352 22.0142 37.2352C21.0392 37.5352 19.6934 37.8018 17.9767 38.0352C18.21 36.3185 18.4767 34.9727 18.7767 33.9977C19.0767 33.0227 19.435 32.3268 19.8517 31.9102ZM21.2767 33.3102C21.11 33.4768 20.9434 33.781 20.7767 34.2227C20.61 34.6643 20.4934 35.1102 20.4267 35.5602C20.8767 35.4935 21.3225 35.381 21.7642 35.2227C22.2059 35.0643 22.51 34.9018 22.6767 34.7352C22.8767 34.5352 22.985 34.2935 23.0017 34.0102C23.0184 33.7268 22.9267 33.4852 22.7267 33.2852C22.5267 33.0852 22.285 32.9893 22.0017 32.9977C21.7184 33.006 21.4767 33.1102 21.2767 33.3102Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tWdro\u017cenie \/ Release\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tWdra\u017camy stron\u0119 internetow\u0105 na serwerze produkcyjnym, zapewniaj\u0105c p\u0142ynny przebieg procesu oraz minimalizuj\u0105c ewentualne zak\u0142\u00f3cenia.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/02\/wdrozenie4.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Wdro\u017cenie \/ Release\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t\t\n<div class=\"swiper-slide\">\n\t<div class=\"grid desktop:grid-cols-2 gap-[24px] items-center\">\n\t\t<div class=\"grid desktop:grid-cols-5 gap-[24px]\">\n\t\t\t<div class=\"desktop:col-span-4 grid gap-[16px]\">\n\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t<div class=\"bg-navy-2 rounded-full\">\n\t\t\t\t\t\t<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M28 38C25.6833 37.4167 23.7708 36.0875 22.2625 34.0125C20.7542 31.9375 20 29.6333 20 27.1V21L28 18L36 21V27.1C36 29.6333 35.2458 31.9375 33.7375 34.0125C32.2292 36.0875 30.3167 37.4167 28 38ZM28 35.9C29.7333 35.35 31.1667 34.25 32.3 32.6C33.4333 30.95 34 29.1167 34 27.1V22.375L28 20.125L22 22.375V27.1C22 29.1167 22.5667 30.95 23.7 32.6C24.8333 34.25 26.2667 35.35 28 35.9Z\" fill=\"#F24B88\"\/>\n<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hm3 desktop:h3\">\n\t\t\t\t\tOpieka gwarancyjna\t\t\t\t<\/div>\n\t\t\t\t<div class=\"body-lg\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tUdzielamy 12-miesi\u0119cznej gwarancji na wykonane prace, zapewniaj\u0105c klientowi pe\u0142ne bezpiecze\u0144stwo i pewno\u015b\u0107 dzia\u0142ania strony internetowej po jej uruchomieniu.\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/05\/warranty-service.png\"\n\t\t\t\t\twidth=\"768\"\n\t\t\t\t\theight=\"432\"\n\t\t\t\t\talt=\"Opieka gwarancyjna\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/432;\" \/>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-section full-width section-scrollspy has-transparent-background-color has-background\" id=\"cele\"><div class=\"container-grid pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"><div class=\"\"><div class=\"\">\n<div style=\"background-color:transparent\" class=\"wp-block-smultron-grid\"><div><div class=\"wp-block-smultron-grid grid gap-[24px] tablet:grid-cols-1 desktop:grid-cols-2 items-none \">\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none wp-block-smultron-section-content\">\n\t<div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\">\n\t\t\t\t\t<div class=\"grid gap-[16px]\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n<div class=\"wp-block-smultron-section-content text-left body-lg wp-block-smultron-section-content--padding-right wp-block-smultron-section-content--padding-none\"><div class=\"wp-block-smultron-section-content__body\" data-aos=\"animate__fadeInUp\"><div class=\"hm2 desktop:h2 title\">G\u0142\u00f3wne cele<br>i wyzwania projektu<\/div>\n\n<p>Aplikacja zosta\u0142a oparta o&nbsp;framework Angular i&nbsp;napisana w&nbsp;TypeScript. Podobnie jak sam framework, do&nbsp;asynchronicznych operacji, zamiast Promis\u00f3w, u\u017cyli\u015bmy RxJs.<\/p>\n\n\n<p><strong>Technologie<\/strong><\/p>\n\n\n<p>Projekt zosta\u0142 wygenerowany przez&nbsp;Angular-CLI, dzi\u0119ki temu zosta\u0142 ustawiony linting, \u015brodowisko testowe (Karma, Jasmine, Protector), testowy serwer lokalny oraz&nbsp;komendy do&nbsp;tworzenia plik\u00f3w z&nbsp;boilerplate.<br><br>Architektura oparta jest o&nbsp;Flux. U\u017cywamy do&nbsp;tego celu biblioteki NGRX.<\/p>\n\n\n<p><strong>Komunikacja<\/strong><\/p>\n\n\n<p>Z&nbsp;backendem komunikujemy si\u0119 na&nbsp;dwa sposoby: poprzez requesty RESTowe oraz&nbsp;websockety.<br><br>W&nbsp;komunikacji przez&nbsp;sockety u\u017cywamy protoko\u0142u STOMP.<br>Do&nbsp;obs\u0142ugi d\u017awi\u0119k\u00f3w u\u017cyli\u015bmy biblioteki Howler.js. Do&nbsp;generowania sprite\u2019\u00f3w z&nbsp;pr\u00f3bek d\u017awi\u0119kowych zosta\u0142 napisany skrypt Node.js (u\u017cywa biblioteki audiosprite i&nbsp;ffmpeg).<\/p>\n\n\n<p>Aplikacja jest wieloj\u0119zyczna, t\u0142umaczenie wspiera messageformat.<\/p>\n\n<\/div><\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-smultron-grid-item grid\"><div>\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tAtrakcyjny Interfejs U\u017cytkownika\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tStworzenie atrakcyjnego wizualnie UI, kt\u00f3ry dzia\u0142a efektywnie, zapewniaj\u0105c szybkie, responsywne i ekscytuj\u0105ce do\u015bwiadczenie w grze.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tEfektywno\u015b\u0107 Backendu\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tSprawna komunikacja w backendzie poprzez \u017c\u0105dania REST i po\u0142\u0105czenia WebSocket, wykorzystuj\u0105c protok\u00f3\u0142 STOMP do efektywnej komunikacji dwukierunkowej.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tSkalowalno\u015b\u0107 i Integracja\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tModu\u0142 gry, zw\u0142aszcza funkcja czatu zbudowana z Vue.js, mia\u0142 by\u0107 skalowalny i \u0142atwy do integracji z innymi produktami.\t<\/div>\n<\/div>\n\n\n\n<div class=\"section-list-item mb-[24px]\"\n\tdata-aos=\"animate__fadeInUp\"\n>\n\t<div class=\"section-list-item__icon\">\n\t\t<div>\n\t\t\t<span class=\"icon-arrow-right\"><\/span>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"section-list-item__title\">\n\t\tWieloosobowa Rozgrywka\t<\/div>\n\t<div class=\"section-list-item__description\">\n\t\tUmo\u017cliwienie wieloosobowego do\u015bwiadczenia w grze poprzez zaawansowane zarz\u0105dzanie profilami, podzia\u0142 na pokoje i funkcjonalno\u015b\u0107 czatu w czasie rzeczywistym.\t<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div><\/div><\/div>\n<div class=\"full-width container-grid gap-y-[32px] section-scrollspy  bg-gray-1 pt-[60px] desktop:pt-[120px] pb-[60px] desktop:pb-[120px]\"\n\tid=\"skontaktuj-sie\">\n\t<div class=\"hm2 desktop:h2\"\n\t\tdata-aos=\"animate__fadeInUp\"\n\t>\n\t\tSkontaktuj si\u0119 z nami\t<\/div>\n\t<div class=\"grid desktop:grid-cols-12 gap-y-[60px] items-start\">\n\t\t\n<div class=\"desktop:col-span-6 grid tablet:grid-cols-2\n\t\ttablet:gap-x-[24px] tablet:gap-y-[32px]\">\n\t<div class=\"\">\n\t\t<div class=\"\">\n\t\t\t<img decoding=\"async\" data-src=\"https:\/\/smultron.software\/content\/uploads\/2024\/01\/681c046dafbd67a84a6a2820a207caa9-e1706629988730-768x515.jpeg\"\n\t\t\t\twidth=\"327\"\n\t\t\t\theight=\"204\"\n\t\t\t\tclass=\"w-full aspect-[390\/243] object-cover rounded-t-[10px] lazyload\"\n\t\t\t\talt=\"Marcin Stawowiak\"\n\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 327px; --smush-placeholder-aspect-ratio: 327\/204;\" \/>\n\t\t\t<div class=\"p-[24px] tablet:border-l-[1px] tablet:border-b-[1px]\n\t\t\tborder-gray-2 tablet:rounded-bl-[10px] max-tablet:border-x-[1px]\n\t\t\tgrid gap-[16px]\">\n\t\t\t\t<div class=\"h6\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>Marcin Stawowiak<\/div>\n\t\t\t\t<div class=\"label-xs font-bold\"\n\t\t\t\t\tdata-aos=\"animate__fadeInUp\"\n\t\t\t\t>\n\t\t\t\t\tCo-founder, Executive Manager\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"pl-[24px] pb-[24px] pr-[24px] tablet:ml-[-24px]\n\t\t\ttablet:pt-[24px] grid gap-[16px] tablet:self-end tablet:border-[1px] tablet:border-l-0\n\t\t\tborder-gray-2 tablet:rounded-r-[10px] max-tablet:border-x-[1px]\n\t\t\tmax-tablet:border-b-[1px] max-tablet:rounded-b-[10px]\n\t\t\tgap-y-[60px]\">\n\t\t<div class=\"label-md max-tablet:hidden\" data-aos=\"animate__fadeInUp\">\n\t\t\tSzukasz do\u015bwiadczonego zespo\u0142u programistycznego? <br \/>Porozmawiajmy o konkretach.\t\t<\/div>\n\t\t<div class=\"grid body-md\" data-aos=\"animate__fadeInUp\">\n\t\t\t<a href=\"mailto:hello@smultron.pl\">hello@smultron.pl<\/a>\n\t\t\t<a href=\"tel:+48 791 991 797\">+48 791 991 797<\/a>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"tablet:col-span-2 body-md grid gap-[16px] mt-[32px]\n\ttablet:mt-0\" data-aos=\"animate__fadeInUp\">\n\t\t<div class=\"label-md\">\n\t\t\tSmultron Web Development\t\t<\/div>\n\t\t<div class=\"\">\n\t\t\tul. S\u0142awkowska 12\t\t\t<br\/>\n\t\t\t31-014 Krak\u00f3w\t\t<\/div>\n\t\t<div>\n\t\t\tNIP:&nbsp;6762482785\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\n<div class=\"desktop:col-start-8 desktop:col-span-5 contact-form-footer\">\n\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f224-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"224\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pl\/wp-json\/wp\/v2\/project\/806#wpcf7-f224-o1\" method=\"post\" class=\"wpcf7-form init wpcf7-acceptance-as-validation\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"224\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f224-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"desktop:col-start-8 desktop:col-span-5\">\n  <div class=\"grid gap-[32px]\">\n    <div class=\"label-md\">\n\t\t\tWype\u0142nij poni\u017cszy formularz\n    <\/div>\n    <div class=\"grid gap-[24px]\">\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-email\">Tw\u00f3j e-mail*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" id=\"msg-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n      <\/div>\n      <div class=\"form-row\">\n        <label class=\"label-xs\" for=\"msg-content\">Twoja wiadomo\u015b\u0107*<\/label>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2500\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control form-control-textarea\" id=\"msg-content\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Podziel si\u0119 szczeg\u00f3\u0142ami swojego projektu\" name=\"message\"><\/textarea><\/span>\n        <div class=\"form-text\">\n          Max. 2500 znak\u00f3w\n        <\/div>\n      <\/div>\n      <div class=\"form-row label-sm\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-69\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-69\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\"><span><\/span><span>Zapozna\u0142em si\u0119 i akceptuj\u0119 <a href=\"\/pl\/polityka-prywatnosci\/\" class=\"underline\" target=\"_blank\" rel=\"nofollow\">Regulamin i Polityk\u0119 Prywatno\u015bci Smultron<\/a>.*<\/span><\/span><\/label><\/span><\/span><\/span>\n      <\/div>\n      <div>\n        <button type=\"submit\" class=\"button button--gradient-red\n                button--with-icon\">\n                    <span>Wy\u015blij<\/span>\n                    <span class=\"icon-arrow-right\"><\/span>\n                <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t<div class=\"contact-form-footer__success flex bg-green-2\n\t\t\t\t\t\tborder-green-3 p-[16px] gap-[16px] rounded-[8px]\n\t\t\t\t\t\tmt-[30px]\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\n\t\t\tviewBox=\"0 0 24 24\" fill=\"none\">\n\t\t\t<path d=\"M12 2C17.51 2 22 6.49 22 12C22 17.51 17.51 22 12 22C6.49 22 2 17.51 2 12C2 6.49 6.49 2 12 2ZM12 0C5.37 0 0 5.37 0 12C0 18.63 5.37 24 12 24C18.63 24 24 18.63 24 12C24 5.37 18.63 0 12 0ZM18.25 8.89L16.83 7.48L10.73 13.7L7.65 10.76L6.25 12.2L10.75 16.52L18.25 8.89Z\"\n\t\t\t\t\tfill=\"#104121\"><\/path>\n\t\t<\/svg>\n\t\t<div class=\"body-md text-green-4\">\n\t\t\t<strong>Dzi\u0119kujemy za przes\u0142anie formularza!<\/strong> Odpowiemy w ci\u0105gu 24 godzin.\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dwuletni projekt prowadzony w\u00a0metodyce\u00a0SCRUM\u00a0z\u00a0dwutygodniowymi sprintami, w\u00a0ramach kt\u00f3rego\u00a0powsta\u0142a przegl\u0105darkowa gra oparta na\u00a0Angular\u00a0udzielana kasynom na\u00a0licencji.\u00a0<\/p>\n","protected":false},"featured_media":1731,"template":"","project_category":[140,142],"class_list":["post-806","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-web-apps-pl","project_category-biznes-pl"],"acf":[],"_links":{"self":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/project\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/media\/1731"}],"wp:attachment":[{"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smultron.software\/pl\/wp-json\/wp\/v2\/project_category?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}