Frontend Software Engineer (w/m/x)

Wien, Österreich

Veröffentlicht: 18.9.2024

Vollzeit

Unser Kunde entwickelt eine innovative, dezentrale Kreditgeldschicht auf der Grundlage von Bitcoin. Durch moderne Finanzanwendungen wie E-Bill, Wildcat Mint und E-Cash Wallet bietet das Unternehmen fortschrittliche Lösungen für digitale Zahlungen.

Entwicklung und Design von Mobile- und Web-Anwendungen
Untersuchung der Bedürfnisse der Endnutzer gemeinsam mit UX/UI-Spezialisten
Sicherstellung der Qualität während des gesamten Entwicklungsprozesses
Mitwirkung bei der Konzeptualisierung, Spezifikation und Planung
Abschätzung von Arbeitsaufwänden und Beratung des Projektmanagers

Erste Erfahrung als Frontend Developer
Gute Kenntnisse von Design-Tools wie Figma
Erfahrung mit JavaScript, TypeScript, HTML, CSS, Git, Tailwind CSS
Kenntnisse und Erfahrung mit einem oder mehreren Web-Frameworks (React, Vue)
Kommunikationsstärke und Präsentationsfähigkeit
Verhandlungssicheres Englisch

Mitgestaltung des Bitcoin-Ökosystems von Anfang an
Dynamisches und wachsendes Startup-Umfeld
Flexible Arbeitszeiten für eine ausgewogene Work-Life-Balance
Offenes, wertschätzendes und kollegiales Arbeitsklima
Aktive Mitarbeit an innovativen und zukunftsweisenden Technologien

@font-face { font-family: "Circular"; src: url("https://www.epunkt.com/assets/images/jobad-assets/lineto-circular-book…") format("woff2"), url("https://www.epunkt.com/assets/images/jobad-assets/lineto-circular-book…") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Circular"; src: url("https://www.epunkt.com/assets/images/jobad-assets/lineto-circular-bold…") format("woff2"), url("https://www.epunkt.com/assets/images/jobad-assets/lineto-circular-bold…") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } div.jobad { width: 100%; max-width: 1100px; font-family: "Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 18px; line-height: 1.75; color: #000; font-weight: normal; margin-left: auto; margin-right: auto; } div.jobad * { box-sizing: border-box; } div.jobad .jobad-mt-0 { margin-top: 0px; } div.jobad .jobad-mb-0 { margin-bottom: 0px; } div.jobad .jobad-pt-0 { padding-top: 0px; } div.jobad .jobad-pb-0 { padding-bottom: 0px; } div.jobad .jobad-mt-1 { margin-top: 1.6px; } div.jobad .jobad-mb-1 { margin-bottom: 1.6px; } div.jobad .jobad-pt-1 { padding-top: 1.6px; } div.jobad .jobad-pb-1 { padding-bottom: 1.6px; } div.jobad .jobad-mt-5 { margin-top: 8px; } div.jobad .jobad-mb-5 { margin-bottom: 8px; } div.jobad .jobad-pt-5 { padding-top: 8px; } div.jobad .jobad-pb-5 { padding-bottom: 8px; } div.jobad .jobad-mt-10 { margin-top: 16px; } div.jobad .jobad-mb-10 { margin-bottom: 16px; } div.jobad .jobad-pt-10 { padding-top: 16px; } div.jobad .jobad-pb-10 { padding-bottom: 16px; } div.jobad .jobad-mt-15 { margin-top: 24px; } div.jobad .jobad-mb-15 { margin-bottom: 24px; } div.jobad .jobad-pt-15 { padding-top: 24px; } div.jobad .jobad-pb-15 { padding-bottom: 24px; } div.jobad .jobad-mt-20 { margin-top: 32px; } div.jobad .jobad-mb-20 { margin-bottom: 32px; } div.jobad .jobad-pt-20 { padding-top: 32px; } div.jobad .jobad-pb-20 { padding-bottom: 32px; } div.jobad .jobad-mt-30 { margin-top: 48px; } div.jobad .jobad-mb-30, div.jobad .jobad-header.jobad-header-internal { margin-bottom: 48px; } div.jobad .jobad-pt-30, div.jobad .jobad-header.jobad-header-internal { padding-top: 48px; } div.jobad .jobad-pb-30 { padding-bottom: 48px; } div.jobad .jobad-mt-40 { margin-top: 64px; } div.jobad .jobad-mb-40 { margin-bottom: 64px; } div.jobad .jobad-pt-40 { padding-top: 64px; } div.jobad .jobad-pb-40 { padding-bottom: 64px; } div.jobad .jobad-w-100 { width: 100%; } div.jobad h1 { font-size: 26px; font-weight: bold; color: #fa3246; margin: 0; line-height: 40px; } @media (min-width: 750px) { div.jobad h1 { font-size: 32px; } } div.jobad h2 { font-size: 24px; font-weight: bold; color: #fa3246; margin: 0; } div.jobad h3 { font-size: 21px; font-weight: bold; color: #fa3246; margin: 0; } div.jobad h4 { font-size: 18px; font-weight: bold; color: #fa3246; margin: 0; } div.jobad p { margin: 0; } div.jobad a { color: #fa3246; } div.jobad b, div.jobad strong, div.jobad .red { color: #fa3246; } div.jobad .jobad-button { color: white; background-color: #fa3246; display: inline-block; padding: 5px 25px; text-decoration: none; font-weight: bold; border-radius: 4px; transition: transform 0.15s ease-in-out; font-size: 17px; margin-bottom: 24px; } div.jobad .jobad-button:hover { transform: scaleY(1.08) scaleX(1.08); } div.jobad .icon { display: inline-block; vertical-align: top; margin-right: 8px; } div.jobad .icon img { display: inline; } div.jobad .jobad-header { page-break-inside: avoid; padding: 0 8px 48px 8px; display: flex; flex-wrap: wrap; align-items: center; border-radius: 4px; } @media (min-width: 750px) { div.jobad .jobad-header { padding: 0 48px 48px 48px; } } div.jobad .jobad-header.jobad-header-internal { background-color: #fa3246; color: #fff; } div.jobad .jobad-header.jobad-header-internal h1 { color: white; } div.jobad .jobad-header.jobad-header-internal .jobad-button { background-color: white; color: red; } div.jobad .jobad-header > div { width: 100%; } @media (min-width: 750px) { div.jobad .jobad-header > div { width: 50%; } } div.jobad .jobad-header > div:first-of-type h1 { padding-right: 1rem; } @media (min-width: 750px) { div.jobad .jobad-header > div:first-of-type h1 { padding-right: 1rem; } } div.jobad .jobad-header > div:first-of-type > div:first-of-type { padding-right: 1rem; } @media (min-width: 750px) { div.jobad .jobad-header > div:first-of-type > div:first-of-type { padding-right: 1rem; } } div.jobad .jobad-header > div:first-of-type .jobad-header-factbox { display: flex; flex-wrap: wrap; } div.jobad .jobad-header > div:first-of-type .jobad-header-factbox > div { width: 100%; padding-left: 34px; line-height: 24px; margin-top: 10px; } @media (min-width: 750px) { div.jobad .jobad-header > div:first-of-type .jobad-header-factbox > div { width: 50%; } } div.jobad .jobad-header > div:first-of-type .jobad-header-factbox > div > .icon { display: block; margin-top: -2px; margin-left: -34px; float: left; } div.jobad .jobad-header > div:last-of-type img { border-radius: 4px; } div.jobad .jobad-content { page-break-inside: avoid; padding: 0 8px 48px 8px; display: flex; flex-wrap: wrap; } @media (min-width: 750px) { div.jobad .jobad-content { padding: 0 48px 48px 48px; } } div.jobad .jobad-content > div:first-of-type { width: 100%; } @media (min-width: 750px) { div.jobad .jobad-content > div:first-of-type { width: 66%; } } div.jobad .jobad-content > div:last-of-type { width: 100%; } @media (min-width: 750px) { div.jobad .jobad-content > div:last-of-type { width: 34%; } } div.jobad .jobad-content ul { list-style-type: none; padding-left: 1.5em; } div.jobad .jobad-content ul li:before { content: '\2014'; position: absolute; display: inline-block; margin-left: -1.5em; } div.jobad .jobad-benefits { page-break-inside: avoid; padding: 0 8px 48px 8px; } @media (min-width: 750px) { div.jobad .jobad-benefits { padding: 0 48px 48px 48px; } } div.jobad .jobad-benefits > div { display: flex; flex-wrap: wrap; } div.jobad .jobad-benefits > div > div { line-height: 72px; width: 100%; overflow: hidden; white-space: nowrap; } div.jobad .jobad-benefits > div > div > .icon { margin-right: 16px; } div.jobad .jobad-benefits > div > div > .icon img { height: 56px; width: 56px; } @media (min-width: 750px) { div.jobad .jobad-benefits > div > div { width: 33.3%; } } div.jobad .jobad-salary { page-break-inside: avoid; padding: 0 8px 48px 8px; } @media (min-width: 750px) { div.jobad .jobad-salary { padding: 0 48px 48px 48px; } } div.jobad .jobad-salary .jobad-salary-slider { position: relative; margin: 24px 0 16px 0; height: 16px; } div.jobad .jobad-salary .jobad-salary-slider > div { position: absolute; left: 0; right: 0; height: 8px; } div.jobad .jobad-salary .jobad-salary-slider > div > [inverse-left] { position: absolute; left: 0; height: 8px; border-radius: 10px; background-color: #fda1ab; } div.jobad .jobad-salary .jobad-salary-slider > div > [inverse-right] { position: absolute; right: 0; height: 8px; border-radius: 10px; background-color: #fda1ab; } div.jobad .jobad-salary .jobad-salary-slider > div > [range] { position: absolute; left: 0; height: 10px; border-radius: 14px; background-color: #fa3246; } div.jobad .jobad-salary .jobad-salary-slider > div > [thumb] { position: absolute; top: -11px; z-index: 2; width: 100px; margin-left: -11px; background-color: #FFF; border-radius: 20px; outline: none; border: 2px solid #fa3246; text-align: center; color: #fa3246; font-size: smaller; font-weight: 700; } div.jobad .jobad-footer { page-break-inside: avoid; padding: 0 8px 48px 8px; } @media (min-width: 750px) { div.jobad .jobad-footer { padding: 0 48px 48px 48px; } } div.jobad .jobad-footer > div:first-of-type { display: flex; flex-wrap: wrap; align-items: center; } div.jobad .jobad-footer > div:first-of-type > div { width: 100%; } @media (min-width: 750px) { div.jobad .jobad-footer > div:first-of-type > div { width: 50%; } } div.jobad .jobad-footer > div:first-of-type > div img { border-radius: 4px; } div.jobad .jobad-user { page-break-inside: avoid; text-align: center; border: 1px solid #fa3246; margin: 60px 0 0 0; padding: 0 16px 32px 16px; } @media (min-width: 750px) { div.jobad .jobad-user { margin: 60px 0 0 20%; /* correct for the negative margin of image */ } } div.jobad .jobad-user p { font-size: 16px !important; line-height: 20.8px !important; } div.jobad .jobad-user .jobad-user-image { width: 120px; height: 120px; margin: -60px auto 0; display: block; border-radius: 50%; background-size: cover; background-position: center center; } div.jobad .jobad-user .jobad-user-links a { text-decoration: none; } div.jobad .jobad-hide-lg { display: block; } @media (min-width: 750px) { div.jobad .jobad-hide-lg { display: none; } } div.jobad .jobad-hide-sm { display: none; } @media (min-width: 750px) { div.jobad .jobad-hide-sm { display: block; } } div.jobad .jobad-video-container { width: 100%; padding-top: 75%; height: 0px; position: relative; } div.jobad .jobad-video-cursor { cursor: pointer; } div.jobad .jobad-video { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; clip-path: inset(2px 2px); z-index: 1; } div.jobad .jobad-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.15s ease-in-out; width: 60px; z-index: 2; } div.jobad .jobad-video-play:hover { cursor: pointer; transform: translate(-50%, -50%) scaleY(1.08) scaleX(1.08); } function startVideo() { const videoContainer = document.getElementsByClassName("jobad-video-container")[0]; videoContainer.classList.remove("jobad-video-cursor"); videoContainer.removeAttribute("onclick"); const playIcon = document.getElementsByClassName("jobad-video-play")[0]; playIcon.style.display = "none"; const video = document.getElementsByClassName("jobad-video")[0]; video.setAttribute("controls", ""); video.play(); }