{"id":170163,"date":"2026-03-02T11:51:08","date_gmt":"2026-03-02T11:51:08","guid":{"rendered":"https:\/\/staging.devsdata.com\/case-studies\/orange-charger-fast-growing-startup-from-san-francisco\/"},"modified":"2026-06-16T06:26:40","modified_gmt":"2026-06-16T06:26:40","slug":"orange-charger-fast-growing-startup-from-san-francisco","status":"publish","type":"case_study","link":"https:\/\/staging.devsdata.com\/de\/case-studies\/orange-charger-fast-growing-startup-from-san-francisco\/","title":{"rendered":"Orange Charger \u2013 MVP Development for a Fast-growing Startup from San Francisco"},"content":{"rendered":"<section>\n<h1>Orange Charger \u2013 MVP Development for a Fast-growing Startup from San Francisco<\/h1>\n\n    <style>`\n        .post-info {\n            display: flex;\n            flex-direction: row;\n            font-family: Montserrat;\n            font-style: normal;\n            font-weight: 500;\n            font-size: 16px;\n            line-height: 150%;\n            letter-spacing: 0.02em;\n            color: #6D7082;\n            \/*padding-top:32px;*\/\n        }\n\n        .info-container .post-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .post-info-main {\n            width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n            row-gap: 5px;\n            column-gap: 20px;\n            grid-template-rows: repeat(3, auto);\n            grid-template-columns: 60px max-content auto;\n            margin-bottom:12px;\n        }\n\n        .with-reviewer {\n            flex-wrap: wrap;\n            row-gap: 5px;\n        }\n\n        .author-name {\n            margin-bottom:4px;\n            grid-row-start: 2;\n            text-decoration: underline;\n            color:black !important;\n        }\n\n        .rank-math-breadcrumb {\n            margin-top:20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .rank-math-breadcrumb p {\n            margin: 0;\n            white-space: nowrap; \n            overflow: hidden;\n            text-overflow: ellipsis;\n            gap: 8px;\n            display: flex;\n        }\n\n        .rank-math-breadcrumb a {\n            color: #6d7082;\n        }\n\n        .rank-math-breadcrumb a:hover {\n            text-decoration: underline;\n            color: #0332c9;\n        }\n\n        .author-avatar {\n            display: flex;\n            justify-content: center;\n            margin-right: 15px;\n            width: fit-content;\n            grid-row-start: span 2;\n            grid-row-end: 4;\n        }\n\n        .author-avatar picture {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .author-avatar.clicked {\n            transform: scale(1.1);\n        }\n\n        .post-info .author-avatar img {\n            min-width:44px;\n            height: 44px;\n            width: auto;\n            object-fit: cover;\n            aspect-ratio: 1\/1;\n            filter: grayscale(1);\n            border-radius: 100%;\n            position: relative;\n            top: 2px;\n        }\n\n        .post-info .author_socials {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            grid-row-start: 3;\n            grid-column: span 2;\n            gap: 15px;\n            list-style-type: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .post-info .author_socials li a {\n            display: flex;\n            align-item: center;\n            text-decoration: none;\n        }\n\n        .author_socials a svg {\n            width: 16px;\n            height: 16px;\n            transition: 0.3s;\n            color: #000;\n        }\n      \n        .author_socials li:hover svg {\n            color: #0332c9;\n        }\n\n        .right-info a {\n            width: fit-content;\n            color: unset;\n        }\n\n        .right-info a:hover {\n            text-decoration: underline;\n        }\n\n        .post-info .clock {\n            position: relative;\n            padding-right: 5px;\n            top: 2px;\n        }\n\n        .post-info .arrow {\n            position: relative;\n            margin-left: 10px;\n            margin-right: 10px;\n            transition: .2s;\n            height: 6px;\n            bottom: 1px;\n        }\n        .post-info .post-info-separator {\n            padding-right: 3px;\n            padding-left: 3px;\n        }\n\n        .reviewer-info {\n            display: flex;\n            flex-direction:column;\n            justify-content: center;\n            align-items: flex-start;\n            grid-row-start: 2;\n            align-self: start;\n            justify-self: end;\n            font-family: \"Montserrat\", arial;\n            color: #000;\n        }\n\n        .reviewer-info.the_first_row {\n            justify-self: start;\n            grid-row-start: 1;\n            grid-column: span 3;\n        }\n\n        .meta-checkmark {\n            width: 20px;\n            height: auto;\n        }\n\n        .reviewer-info a {\n            margin-left: 0;\n            color: #000;\n            text-decoration: underline;\n        }\n        .reviewer-info a:hover {\n            color: #0332c9;\n        }\n        .reviewer-info a:visited {\n            color: #551a8b;\n        }\n        .reviewer-info a:active {\n            color: #0332c9;\n        }\n        .language-dropdown-container {\n            display: inline-block;\n            width: 200px;\n        }\n\n        .language_switcher {\n            display: inline-flex;\n            align-items: center;\n            flex-direction: row;\n            gap: 5px;\n            vertical-align: middle;\n        }\n        \n        .language_switcher .wpml-ls-legacy-dropdown {\n            width: auto;\n            position: relative;\n            vertical-align: middle;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language {\n            position: relative;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language > a {\n            padding-left:16px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {\n            display: none;\n            position: absolute;\n            z-index: 10;\n            top: 100%;\n            left: 0;\n            width: 100%;\n            margin: 0;\n            background-color: rgb(238, 238, 238);\n            border-radius: 0 0 8px 8px;\n            overflow: hidden;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {\n            display: block;\n            width: 100%;\n            margin-bottom:0;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover {\n            background-color:rgba(204, 204, 211) !important\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {\n            display: block;\n            width: 100%;\n            padding: 8px 15px 8px 16px;\n            margin-left: 0;\n            box-sizing: border-box;\n            white-space: nowrap;\n            text-align: left;\n        }\n\n        @media (hover: hover) {\n            .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > .wpml-ls-sub-menu {\n                display: block;\n            }\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-sub-menu {\n            display: block;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > a.wpml-ls-item-toggle:after {\n            transform: scale(.7) rotate(180deg);\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown .wpml-ls-current-language.wpml-dropdown-open > .wpml-ls-item-toggle {\n            border-radius: 8px 8px 0 0;\n            background-color: rgba(204, 204, 211);\n        }\n\n        .wpml-ls-legacy-dropdown a:focus {\n            background-color: #FFFFFF;\n        }\n\n        .language_switcher .wpml-ls-legacy-dropdown a:visited {\n            color: #000000 !important;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {\n            content: \"\";\n            display: inline-block;\n            transform: scale(.7);\n            height: 20px;\n            width: 20px;\n            background: url(\"\/wp-content\/uploads\/2020\/07\/Vector.png\");\n            margin-left: 5px;\n            background-repeat: no-repeat;\n            background-position: center center;\n            background-size: 10px;\n            border: none;\n            position: unset;\n            background-color: #eee;\n            border-radius: 50%;\n            padding: 10px;\n            transition: transform 0.2s ease-in-out;\n            vertical-align: middle;\n            flex-shrink: 0;\n        }\n\n        .language_switcher a {\n            border: none;\n            padding: 10px 15px;\n        }\n\n        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {\n            padding: 0 5px 0 2px !important;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-sub-menu a.wpml-ls-link:hover,\n            .language_switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover {\n                background-color: rgba(204, 204, 211);\n                color: #000000 !important;\n                text-decoration: none;\n            }\n        }\n\n        .wpml-ls-sub-menu {\n            border: none !important;\n            background-color: transparent;\n        }\n\n        .wpml-ls-sub-menu a {\n            background-color: #FFFFFF;\n        }\n\n        .wpml-ls-current-language .wpml-ls-item-toggle {\n            border-radius: 8px;\n        }\n\n        @media (hover: hover) {\n            .wpml-ls-current-language:hover .wpml-ls-sub-menu a {\n                background-color: rgb(238, 238, 238) !important;\n            }\n\n            .wpml-ls-current-language .wpml-ls-sub-menu a:hover,\n            a.wpml-ls-item-toggle:hover:after {\n                background-color: rgba(204, 204, 211) !important;\n            }\n\n            .wpml-ls-current-language:hover a.wpml-ls-item-toggle:after {\n                transform: scale(.7) rotate(180deg);\n            }\n\n            .wpml-ls-current-language:hover .language_switcher .wpml-ls-legacy-dropdown a {\n                background-color: rgba(109, 112, 130, 0.1);\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item-toggle{\n                border-radius: 8px 8px 0 0;\n            }\n\n            .wpml-ls-current-language:hover .wpml-ls-item:last-child .wpml-ls-link{\n                border-radius: 0 0 8px 8px;\n            }\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-sub-menu a {\n            background-color: rgb(238, 238, 238) !important;\n        }\n\n        .wpml-ls-current-language.wpml-dropdown-open .wpml-ls-item:last-child .wpml-ls-link{\n            border-radius: 0 0 8px 8px;\n        }\n\n        ul.language-list {\n            \/*min-height: 71px;*\/\n            margin: 0;\n            overflow: hidden;\n            position: absolute;\n            display: inline-block;\n            list-style: none;\n            vertical-align: top;\n            background-color: #FFFFFF;\n            padding: 0;\n            z-index: 2;\n        }\n\n        ul.language-list.mobile {\n            border-radius: 10px;\n            border: 1px solid rgba(109, 112, 130, 0.1);\n            margin-left: 10px;\n        }\n\n        .language-list.mobile li:hover {\n            background-color: rgba(109, 112, 130, 0.1)\n        }\n\n        .language-list.mobile li:hover a {\n            color: #000000;\n        }\n\n        .dropdown-arrow {\n            display: inline-block;\n            border-radius: 50%;\n            height: 30px;\n            width: 30px;\n        }\n\n        .dropdown-arrow {\n            background-color: rgba(109, 112, 130, 0.1);\n        }\n\n        .dropdown-arrow:hover {\n            background-color: rgba(109, 112, 130, 0.3);\n        }\n\n        .dropdown-arrow.mobile,\n        .dropdown-arrow.mobile:hover {\n            background-color: unset;\n        }\n\n        .language-list li {\n            padding-left: 10px;\n            cursor: pointer;\n            display: none;\n        }\n\n        .language-list li a {\n            color: #6D7082;\n            text-decoration: none;\n        }\n\n        .language-list li:first-child {\n            display: block;\n        }\n\n        .active li {\n            display: block;\n        }\n\n        .rotated {\n            transform: rotate(180deg);\n            bottom: 2px !important;\n        }\n        .bookmark {\n            align-self: center;\n            cursor:pointer;\n            display:none;\n        }\n        \n        .article h1 + p,\n        .article h1 + p + p {\n            margin: 0;\n            margin-bottom: 0 !important;\n        }\n\n        .info-container{\n            \/*min-height:150px;*\/\n            direction: ltr;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding-top: 20px;\n        }\n        .tags{\n            font-family: \"Montserrat\", sans-serif;\n            display: flex;\n            flex-direction: row;\n            justify-content: flex-start;\n            flex-wrap: wrap;\n            width: 100%;\n            overflow: hidden;\n            font-size: 14px;\n            border-radius: unset;\n            margin-bottom:20px;\n        }\n        .tags a {\n            font-style: normal;\n            line-height: 1.75em;\n            border: 0.5px solid #e2e5e9;\n            margin-right: 7px;\n            margin-top: 7px;\n            transition: 0.2s;\n            transition-property: background;\n            border-radius: 5px;\n            padding: 0.2em 0.8em;\n            color: black;\n        }\n        .tags a:hover {\n            background-color: #c1c7d0;\n        }\n\n        .tags a:visited {\n            color: #000;\n        }\n        .tags a:active {\n            color: #000;\n        }\n        .default-a:focus {\n            background-color: unset;\n        }\n\n        .default-a:hover{\n            text-decoration: underline;\n        }\n        .separator {\n        color:black !important;\n        font-weight:600;\n        }\n        .last {\n        color:black !important;\n        font-weight:600;\n        }\n        @media screen and (max-width:1034px) {\n        .author_links {\n        margin-right:auto;\n        }\n        .reviewer-info {\n        width: 100%;\n        }\n        }\n        @media screen and (max-width:767px) {\n        .language_switcher {\n        display: flex;\n        margin-top: 5px;\n        }\n        }\n        @media screen and (max-width:490px) {\n        .review-lowres {\n        display:flex !important;\n        }\n        .review-highres {\n        display:none !important;\n        }\n        .author_links {\n        margin-right:36px !important;\n        } \n        }\n    <\/style>\n    <div><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div>\n    \n    <div class=\"info-container\">\n    <div class=\"post-info with-reviewer\">\n        <div class=\"post-info-main\">\n            <div class=\"author-avatar\">\n                <picture>\n                        <source\n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.webp\" type=\"image\/webp\"> \n                        <source \n                            srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" \n                            class=\"avatar lazyload\"\n                            width=\"64\" \n                            height=\"64\"\n                            src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.jpg\"\n                            alt=\"avatar\"\n                            loading=\"lazy\"\n                            title=\"Elen Muradian\"\n                        >\n                <\/picture>\n            <\/div>\n            <div style=\"display:flex; flex-direction:column;margin-right:auto;\" class=\"author_links\">\n            <a href=\"\/author\/elen-muradian\/\" class=\"author-name\">Elen Muradian<\/a>\n            <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/elene-muradian-a57559244\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Elen Muradian on Linkedin\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                            <g id=\"linkedin5_layer\">\n                                <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                            <\/g>\n                        <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/twitter.com\/elenmrdian?s=21&#038;t=AwFIbg9ghHf56q6Z6iQ9NQ\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" aria-label=\"Elen Muradian on Twitter\">\n                    <svg viewBox=\"0 0 512 512\" class=\"scriptlesssocialsharing__icon twitter\" fill=\"currentColor\" height=\"1em\" width=\"1em\" aria-hidden=\"true\" focusable=\"false\" role=\"img\">\n                            <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path>\n                        <\/svg>\n                <\/a>\n            <\/li><\/ul>\n            <\/div>\n            <div class=\"reviewer-info\"> \n                                                                            <span style=\"color:#6D7082;\" class=\"\">\n                Last updated on \n                2. M\u00e4rz 2026 \n                <span class=\"post-info-separator\">| <\/span> \n                13 min read\n                \n            <\/span>\n                            <\/div>\n        \n        <\/div>\n    <\/div>\n    <div class=\"bookmark\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2020\/08\/bookmark-add-2-1.svg\" alt=\"bookmark\" title=\"\">\n    <\/div>\n    <div class=\"tags\"><\/div>\n    <\/div>\n    <script type=\"module\" defer>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Get the current path from the URL\n    const path = window.location.pathname;\n\n    \/\/ Check if it starts with \/case-studies\n        if (path.startsWith(\"\/case-studies\")) {\n        const tagsElement = document.querySelector(\".tags\");\n        if (tagsElement) {\n        tagsElement.style.marginBottom = \"0\";\n        }\n        }\n        });\n        Array.from(document.getElementsByClassName(\"separator\")).forEach(el => {\n            el.textContent = \" > \";\n        });\n\n            var wpmlToggle = document.querySelector(\".language_switcher .wpml-ls-item-toggle\");\n            if (wpmlToggle) {\n                wpmlToggle.addEventListener(\"click\", function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    var currentLang = this.closest(\".wpml-ls-current-language\");\n                    if (currentLang) {\n                        currentLang.classList.toggle(\"wpml-dropdown-open\");\n                    }\n                });\n                document.addEventListener(\"click\", function(e) {\n                    var openDropdown = document.querySelector(\".wpml-ls-current-language.wpml-dropdown-open\");\n                    if (openDropdown && !openDropdown.contains(e.target)) {\n                        openDropdown.classList.remove(\"wpml-dropdown-open\");\n                    }\n                });\n            }\n\n            var languageList = document.querySelector(\"#language-list\");\n            var dropdownArrow = document.querySelector(\".dropdown-arrow\");\n\n            if(languageList){\n                languageList.addEventListener(\"click\", () => {\n                    languageList.classList.toggle(\"active\");\n                    document.querySelector(\"#arrow\").classList.toggle(\"rotated\");\n                })\n            }\n                \n            function handleViewportChange() {\n                if(languageList) {\n                    if (window.innerWidth < 1280) {\n                        if(!languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.add(\"mobile\");\n                            dropdownArrow.classList.add(\"mobile\");\n                        }\n                    } else {\n                        if(languageList.classList.contains(\"mobile\")) {\n                            languageList.classList.remove(\"mobile\");\n                            dropdownArrow.classList.remove(\"mobile\");\n                        }\n                    }\n                };\n            };\n\n            \/\/ If there is a small\/no space between reviewer and author name, reviewer moves to the first row\n            function update_post_info_layout() {\n                const author_name_element = document.querySelector(\".author-name\");\n                const reviewer_element = document.querySelector(\".reviewer-info\");\n                const post_info_container = document.querySelector(\".post-info\");\n\n                if(reviewer_element) {\n                    let distance_next_to_author, reviewer_fits_next_to_author; \n                    if(post_info_container && author_name_element) {\n                        distance_next_to_author = post_info_container.getBoundingClientRect().right - author_name_element.getBoundingClientRect().right;\n                        reviewer_fits_next_to_author = distance_next_to_author - reviewer_element.clientWidth >= 15;\n                    }\n\n                    if(!reviewer_fits_next_to_author) {\n                        reviewer_element.classList.add(\"the_first_row\");\n                    } else if (reviewer_fits_next_to_author && reviewer_element.classList.contains(\"the_first_row\")) {\n                        reviewer_element.classList.remove(\"the_first_row\");\n                    }\n                }\n            }\n\n            handleViewportChange();\n            update_post_info_layout();\n             \n            window.addEventListener(\"resize\", () => {\n                handleViewportChange();\n                update_post_info_layout();\n            });\n    <\/script>\n<p><span class=\"img-container\">\n<picture><source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/orange_charger\/orange-thumbnail.webp\" type=\"image\/webp\" \/><source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/orange_charger\/orange-thumbnail.png\" \/><img decoding=\"async\" class=\"lazyload\" src=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/orange_charger\/orange-thumbnail.png\" alt=\"case study image\" title=\"\"><\/picture>\n<\/span><\/p>\n<div class=\"download-button-container\"><a class=\"case-study-download-button\" href=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/orange_charger\/orange_charger.pdf\" target=\"_blank\" rel=\"noopener\">Download as PDF<\/a><\/div>\n<h2 class='exclude'>Introduction<\/h2>\n<p><a href=\"https:\/\/devsdata.com\" target=\"_blank\" rel=\"nofollow noopener\">DevsData LLC<\/a> partnered with <a href=\"https:\/\/www.orangecharger.com\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Orange Charger<\/a>, a San Francisco-based startup focused on improving home EV charging for multi-unit dwellings. Our team was responsible for end-to-end mobile app development, including backend architecture, frontend implementation, UX\/UI design, and integration with Orange Charger&#8217;s hardware and payment systems. The result is a scalable system that simplifies EV charging for tenants, reduces administrative work for property owners, and supports Orange Charger&#8217;s expansion across multi-unit properties.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage5_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage5_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage5.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage5.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/csimage5.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Client profile<\/h2>\n<p><a href=\"https:\/\/www.orangecharger.com\" rel=\"nofollow noreffer noopener\" target=\"_blank\">Orange Charger<\/a> builds practical home-charging systems for EV owners in multi-unit housing. Backed by a <a href=\"https:\/\/techcrunch.com\/2024\/05\/15\/orange-charger-thinks-a-750-outlet-will-solve-ev-charging-for-apartment-dwellers\/\" rel=\"nofollow noreffer noopener\" target=\"_blank\">$6.5 million<\/a> seed round, the company designs and manufactures 240-volt smart outlets that enable property owners to install and manage EV charging points on their premises.<\/p>\n<p>With a growing team of around <span class=\"formatted-number\">40<\/span> employees, including former Tesla engineers, Orange Charger combines hardware innovation with intelligent software to simplify installation, billing, and energy monitoring for landlords and tenants alike. As a result, the company has enabled more multi-unit properties to offer reliable home charging, increased EV adoption among urban residents, and reduced the operational burden traditionally associated with managing shared charging infrastructure.<\/p>\n<p>Highlights:<\/p>\n<ul>\n<li>Raised a $6.5 million seed round from early-stage investors.<\/li>\n<li>Employs approximately <span class=\"formatted-number\">40<\/span> specialists across engineering, design, and product development.<\/li>\n<li>Delivers smart EV charging solutions tailored for multi-unit and residential communities.<\/li>\n<\/ul>\n<h2>Challenge<\/h2>\n<p>As electric vehicle adoption accelerated across the United States, a significant share of potential users faced a common barrier \u2013 the lack of accessible charging options at home. Nearly half of urban residents live in multi-unit dwellings, where installing private chargers is often impractical due to shared electrical infrastructure, limited panel capacity, and complex permitting requirements. Orange Charger identified this gap early on but needed an advanced digital solution to connect hardware, property owners, and end users in a single, streamlined ecosystem.<\/p>\n<p>Developing such a system presented both technical and operational challenges. The platform had to securely handle financial transactions between tenants and property owners, manage real-time energy consumption data, and synchronize with hardware devices across multiple buildings. Additionally, the app needed to support various user types \u2013 landlords, residents, and installers \u2013 each with different access levels and functionalities. Achieving this required seamless integration between backend architecture, mobile interfaces, and the hardware&#8217;s embedded systems.<\/p>\n<p>Orange Charger&#8217;s internal team brought strong product expertise and a deep understanding of the EV industry, but they did not have the in-house engineering capacity required to build a full mobile ecosystem. Developing a secure, scalable application that integrates with physical charging units, payment systems, and real-time energy data would have required assembling a full software team \u2013 a process that is costly and slow for an early-stage startup. To accelerate time-to-market and focus internal resources on hardware development and deployment, the company decided to outsource the software layer to a specialist partner. DevsData LLC was selected to lead this effort, providing end-to-end mobile app development, technical consulting, and the engineering capabilities necessary to transform the charging concept into a fully operational digital platform.<\/p>\n<p class='quote'>Orange Charger needed a secure digital platform to connect property owners, tenants, and charging hardware, transforming a complex physical process into a seamless software-driven experience.<\/p>\n<h2>Our approach<\/h2>\n<p>After thoroughly analyzing Orange Charger&#8217;s concept, DevsData LLC began by mapping the ecosystem around hardware, property owners, and end users to identify critical integration points. Our primary goal was to create a platform that not only connected these parties securely but also provided a fluid user experience across devices. We knew from the outset that scalability, security, and compatibility with various hardware and billing systems would be essential to the project&#8217;s success.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage1_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage1_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage1.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage1.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/csimage1.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>Drawing on our experience from previous mobile development projects, including a <a href=\"https:\/\/devsdata.com\/case-studies\/intuitive-mobile-application-for-retail-and-e-commerce-business\/\" target=\"_blank\" rel=\"nofollow noopener\">retail and eCommerce application<\/a> we built for a Pennsylvania-based client, we recognized the importance of establishing a strong architectural foundation early. In that project, our team successfully refactored legacy code, modernized the interface, and implemented advanced integrations with platforms like Magento and geolocation APIs. Those lessons proved valuable in the Orange Charger case, where we faced similar requirements for cross-platform consistency, real-time data exchange, and intuitive user navigation.<\/p>\n<p>Our approach centered around four core principles:<\/p>\n<h4>Technical precision<\/h4>\n<p>We defined a detailed technical roadmap and system architecture to enable efficient data flow between the hardware layer, backend logic, and user-facing mobile applications.<\/p>\n<h4>Iterative collaboration<\/h4>\n<p>We maintained transparent communication with Orange Charger&#8217;s internal team through regular validation checkpoints, ensuring that each milestone aligned with evolving business objectives.<\/p>\n<h4>Future scalability<\/h4>\n<p>We designed the system with flexibility in mind, allowing for smooth implementation of upcoming features, such as Bluetooth-based charging activation and automated billing, without disrupting the existing ecosystem.<\/p>\n<h4>Business analysis and requirements management<\/h4>\n<p>We translated product goals into clear, structured requirements, helping the client prioritize features, refine user flows, and ensure that technical decisions supported both short-term needs and long-term business outcomes.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage2_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage2_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage2.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage2.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/csimage2.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h2>Execution and delivery<\/h2>\n<p>DevsData LLC developed the Orange Charger mobile platform from the ground up, covering backend architecture, frontend development, UX\/UI design, and system integration. The project required a secure, scalable application that could support real-time energy monitoring, billing automation, and seamless interaction with physical charging hardware.<\/p>\n\n            <div class=\"schedule-consultation middle-scheduler\">\n                <div class=\"block-contact\">\n                    <p>Do you have IT outsourcing needs?<\/p>\n                <\/div>\n                <div class=\"contact-us-show schedule-consultation-button\">\n                    \ud83c\udfa7\n                    <span>Schedule a meeting<\/span>\n                <\/div>\n            <\/div>\n    \n<p>A dedicated five-person team led the project: a project manager, backend developer, frontend engineer, UX\/UI designer, and QA specialist. This compact structure enabled fast communication, clear ownership of responsibilities, and efficient cooperation with Orange Charger&#8217;s hardware and product teams.<\/p>\n<p>We began by designing a backend capable of handling high data throughput and reliable communication with the charging units. Authentication, payments, and real-time session tracking were implemented with a focus on security and consistency. On the frontend, our engineers built a cross-platform mobile application using Flutter, ensuring a smooth experience across devices. The interface allowed users to start charging sessions, monitor consumption, and access billing information with minimal friction. Property owners received tools for tracking energy usage and managing settlements. The UX\/UI process focused on clarity and accessibility. Through multiple design iterations, we ensured that both tenants and landlords could navigate the application with ease. Bluetooth-based charging activation was introduced to reduce manual steps and streamline the user journey.<\/p>\n<p>Throughout the project, our team worked closely with Orange Charger&#8217;s internal specialists not only on the technical layer but also on the broader business and project context. We incorporated product feedback into development cycles, aligned each release with evolving business goals, and ensured requirements were clearly defined and validated before implementation. Weekly touchpoints, sprint reviews, and roadmap sessions helped both sides stay synchronized, refine functionalities, and anticipate future needs. This collaborative model allowed us to maintain transparency around progress, timelines, and dependencies, ensuring the final product supported both the operational realities of EV charging hardware and the long-term strategic direction of Orange Charger.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage3_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage3_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage3.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage3.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/csimage3.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<h3>Tech stack overview<\/h3>\n<p>The platform&#8217;s architecture combines several coordinated layers, outlined below, each contributing to a seamless charging experience for tenants and property owners.<\/p>\n<div class='table-container'>\n<table>\n<thead>\n<tr>\n<th>Development area<\/th>\n<th>Technologies and tools<\/th>\n<th>Functionality<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><b>Frontend<\/b><\/td>\n<td>Flutter, OpenAPI<\/td>\n<td>Cross-platform mobile app development, ensuring consistent UX on iOS and Android.<\/td>\n<\/tr>\n<tr>\n<td><b>Backend<\/b><\/td>\n<td>JWT Token Authentication, Hash Password, 256-bit Encryption<\/td>\n<td>Secure login, data protection, and user authentication.<\/td>\n<\/tr>\n<tr>\n<td><b>Backend (integration)<\/b><\/td>\n<td>Custom Payment Gateway<\/td>\n<td>Automated settlements between tenants and property owners.<\/td>\n<\/tr>\n<tr>\n<td><b>UX\/UI design<\/b><\/td>\n<td>Custom in-house design process, iterative prototyping<\/td>\n<td>Clean, intuitive, and accessible interface with multi-user functionality.<\/td>\n<\/tr>\n<tr>\n<td><b>Hardware integration<\/b><\/td>\n<td>Bluetooth Connectivity<\/td>\n<td>Automatic session initiation when a registered charger is connected.<\/td>\n<\/tr>\n<tr>\n<td><b>Testing and QA<\/b><\/td>\n<td>Manual and automated performance testing<\/td>\n<td>Verification of app stability, speed, and end-to-end functionality.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Together, these components created a modular system in which each part \u2013 frontend, backend, hardware integration, and analytics \u2013 could be updated or expanded independently. This structure made it easier to add new features, refine existing ones, and maintain smooth interaction between the mobile app and charging hardware.<\/p>\n<h2>Outcome<\/h2>\n<p>The result of the collaboration between DevsData LLC and Orange Charger was a fully operational mobile platform that redefined how residential EV charging is managed. The final product seamlessly connected property owners, tenants, and charging infrastructure through a unified digital environment that is secure, scalable, and easy to maintain.<\/p>\n<p>The mobile app now gives tenants a simple, reliable way to start charging, track their usage, and manage monthly payments directly from their phones. For property owners, the platform reduces administrative workload through automated payouts and clear consumption summaries, making it easier to manage multiple tenants and charging stations with minimal effort. The Bluetooth-based auto-start feature removes unnecessary steps for drivers, improving convenience and creating a smoother overall charging experience.<\/p>\n\n        <span class=\"img-container\">\n            <picture class=\"open-picture\" style=\"filter: grayscale(0)\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage4_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/uploads\/2026\/03\/csimage4_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage4.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/uploads\/2026\/03\/csimage4.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/csimage4.jpg\" width=\"640\" height=\"357\" alt=\" image testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    \n<p>For Orange Charger, the impact extends beyond usability. The new platform supports rollout across additional buildings, adapts to new hardware models, and gives the company the foundation it needs to introduce future revenue streams, incentive programs, or partner integrations. By aligning the software with the company&#8217;s growth plans, DevsData LLC delivered a solution that not only solves today&#8217;s operational needs but also positions Orange Charger for long-term expansion.<\/p>\n<p>The collaboration resulted not only in a reliable product launch but also in a long-term technological foundation supporting Orange Charger&#8217;s continued growth in the fast-evolving EV ecosystem.<\/p>\n<p><a href='\/testimonials\/#nicholas' target='_blank' rel=\"noopener\">\n        <span class=\"img-container\" style=\"cursor: pointer; margin: -13px 0;\">\n            <picture class=\"zoom\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nicholas_Johnson_small.webp\" type=\"image\/webp\">\n                <source media=\"(max-width: 500px)\" srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nicholas_Johnson_small.jpg\" type=\"image\/jpg\">\n                <source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nicholas_Johnson.webp\" type=\"image\/webp\">\n                <source srcset=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nicholas_Johnson.jpg\" type=\"image\/jpg\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/intentionally-blank\/assets\/img\/global\/testimonials\/Nicholas_Johnson.jpg\" width=\"640\" height=\"357\" alt=\"Nicholas_Johnson testimonial\" title=\"\">\n            <\/picture>\n        <\/span>\n    <\/a><\/p>\n<p>Highlights:<\/p>\n<ul>\n<li>Delivered a fully functional cross-platform mobile app integrating real-time energy tracking and automated billing.<\/li>\n<li>Enabled Bluetooth-based automatic charging sessions, enhancing user convenience and system reliability.<\/li>\n<li>Built a scalable architecture ready for multi-property expansion and future feature integrations.<\/li>\n<\/ul>\n<h2>What&#8217;s next<\/h2>\n<p>With over <span class=\"formatted-number\">2000<\/span> charging outlets already deployed across multifamily properties in the United States, Orange Charger continues to expand its presence within the residential EV market. The company is now focusing on enhancing its existing platform, refining product performance, and improving the user experience for both property owners and tenants. Orange Charger plans to accelerate product deployment, strengthen partnerships with real estate operators, and further optimize its smart-charging technology.<\/p>\n<p>DevsData LLC remains engaged as a long-term technology partner, providing ongoing development support and consulting expertise. Future collaboration efforts will focus on maintaining system scalability, advancing automation features, and implementing new integrations that align with Orange Charger&#8217;s vision of making home EV charging more accessible nationwide.<\/p>\n<p>Looking to develop an equally ambitious product that bridges hardware and digital innovation? Reach out to DevsData LLC to transform your idea into a scalable, production-ready solution. Email us at <a href=\"mailto:general@devsdata.com\" target=\"_blank\" rel=\"noopener\">general@devsdata.com<\/a> or visit our website at <a href='\/' target='_blank' rel=\"noopener\">www.devsdata.com<\/a>.<\/p>\n<div class=\"download-button-container\"><a class=\"case-study-download-button\" href=\"\/wp-content\/themes\/intentionally-blank\/assets\/case_studies\/orange_charger\/orange_charger.pdf\" target=\"_blank\" rel=\"noopener\">Download as PDF<\/a><\/div>\n<p>\n        <section class=\"author_section_container\">\n            \n            <p class=\"contact_on_twitter\">\n                Any questions or comments? Let me know on \n                <a href=\"https:\/\/twitter.com\/elenmrdian\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Twitter\/X<\/a>.\n            <\/p> \n        \n            <div class=\"schedule-consultation\">\n                <div class=\"block-contact\">\n                    <p>Discover how IT recruitment and staffing can address your talent needs. Explore trending regions \n        like Poland, Portugal, Mexico, Brazil and more. <\/p>\n                <\/div>\n                <div class=\"contact-us-show schedule-consultation-button\">\n                    \ud83d\uddd3\ufe0f\n                    <span>Schedule a consultation<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"author_section\">\n                <div class=\"author_photo_container\">\n                    <picture>\n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.webp\" type=\"image\/webp\"> \n                        <source srcset=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.jpg\" type=\"image\/jpeg\">\n                        <img decoding=\"async\" class=\"avatar lazyload\" width=\"64\" height=\"64\" src=\"https:\/\/staging.devsdata.com\/wp-content\/uploads\/2024\/12\/elen-muradian-min.jpg\" alt=\"avatar\" loading=\"lazy\" title=\"Elen Muradian\" >\n                    <\/picture>\n                    <a class=\"read_full_bio\" href=\"\/author\/elen-muradian\/\" aria-label=\"Read more from Elen Muradian\">Read full bio<\/a>\n                <\/div>\n                <div class=\"author_info_container\">\n                    <div class=\"author_info\" data-role=\"Author\">\n                        <h4 id=\"author_title\">\n                            <a href=\"\/author\/elen-muradian\/\" aria-label=\"Read more from Elen Muradian\">Elen Muradian<\/a>\n                            <span class=\"position\">Copywriter and Marketer<\/span>\n                        <\/h4>\n                    <\/div>\n                <\/div>\n                <div class=\"author_about\">\n                    <span>As a versatile and accomplished writer in digital media publishing, Elen is skilled in crafting engaging content across various subjects, styles, and media.\r\nIn her previous experience, Elen worked closely with editorial teams and visual artists to bring content to life. She always seeks opportunities for personal and professional growth and is eager to contribute to the writing field.<\/span>\n                    <div class=\"links\">\n                        <ul class=\"author_socials\">\n            <li>\n                <a href=\"https:\/\/www.linkedin.com\/in\/elene-muradian-a57559244\/\" aria-label=\"Check out Elen Muradian on LinkedIn\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg version=\"1.0\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\">\n                        <g id=\"linkedin5_layer\">\n                            <path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\" data-hs-event-238572417=\"1\"><\/path>\n                        <\/g>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"https:\/\/twitter.com\/elenmrdian?s=21&#038;t=AwFIbg9ghHf56q6Z6iQ9NQ\" aria-label=\"Check out Elen Muradian on Twitter\" target=\"_blank\" rel=\"nofollow noreferrer noopener\">\n                    <svg viewBox=\"0 0 512 512\" class=\"scriptlesssocialsharing__icon twitter\" fill=\"currentColor\" height=\"1em\" width=\"1em\" aria-hidden=\"true\" focusable=\"false\" role=\"img\">\n                        <path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/li>\n            <li>\n                <a href=\"mailto:elene.muradian@devsdata.com\" aria-label=\"Email Elen Muradian\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z\"\/><\/svg>\n                <\/a>\n            <\/li><\/ul>\n                        <a class=\"recruitment_link\" href=\"\/recruitment\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            Read more about our IT staffing services\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M5 12H19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M12 5L19 12L12 19\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"tags-author \">\n                \n            <\/div>\n        <\/section>\n    <br \/>\n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                function debounceMessagePopUp(func, timeout = 300) {\n                    let timer;\n                    return (...args) => {\n                        clearTimeout(timer);\n                        timer = setTimeout(() => {\n                            func.apply(this, args);\n                        }, timeout);\n                    };\n                }\n\n                const toastPopUp = document.getElementById(\"copy-toast-meet-us\");\n                const copyEmailPopButtons = document.querySelectorAll(\".copy-email-button-meet-us\");\n\n                const debouncedMessagePopUp = debounceMessagePopUp(() => toastPopUp.classList.remove(\"toast-active\"), 2000);\n\n                for (let i = 0; i < copyEmailPopButtons.length; i++) {\n                    copyEmailPopButtons[i].addEventListener(\"click\", () => copyEmailFunctionPopUp(copyEmailPopButtons[i]));\n                }\n\n                function copyEmailFunctionPopUp(button) {\n                    navigator.clipboard.writeText(button.previousElementSibling.innerHTML);\n                    toastPopUp.querySelector(\".toast__text\").innerHTML = \"Email copied to clipboard\";\n                    toastPopUp.classList.add(\"toast-active\");\n                    debouncedMessagePopUp();\n                }\n\n                const toastCloseBtn = toastPopUp.querySelector(\".toast__close\");\n                if (toastCloseBtn) {\n                    toastCloseBtn.addEventListener(\"click\", function() {\n                        toastPopUp.classList.remove(\"toast-active\");\n                    });\n                }\n        })\n<\/script>\n<br \/>\n<\/section>\n<style>\n.quote {\n  font-size: 26px !important;\n  letter-spacing: -.3px;\n  line-height: 36px;\n  color: #000;\n  font-family: Tiempos Headline, sans-serif;\n  font-weight: 300;\n  letter-spacing: -.3px;\n  line-height: 50px !important;\n  padding-bottom: 36px;\n  padding-left: 36px;\n  padding-top: 30px;\n  position: relative;\n}\n.quote:before {\n  background-color: #0332c987;\n  border-radius: 2px;\n  content: \"\";\n  display: block;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 4px;\n}\nul{\nlist-style: inside;\n}\nol.numbered-list-1{\n  list-style: none;\n}\nol.numbered-list-1 li a{\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list-1 li a:hover {\n  color: #0332c9;\n}\nol.numbered-list,\nol.page-numbered-list {\n  list-style: none;\n  counter-reset: list-counter;\n}\nol.page-numbered-list {\n  padding: 0;\n}\nol.numbered-list li a {\n  color: #000;\n  text-decoration: none;\n}\nol.numbered-list li a:hover {\n  color: #0332c9;\n}\nol.numbered-list li::before,\nol.page-numbered-list li>h2::before {\n  content: counter(list-counter) \") \";\n  counter-increment: list-counter;\n  margin-right: 5px;\n  font-weight: bold;\n}\nol.numbered-list li::before {\n  display: inline-flex;\n  justify-content: end;\n  width: 30px;\n  margin-right: 10px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2 a {\n  padding-top: 40px;\n}\nol.page-numbered-list li:nth-of-type(-n+15) h2::before {\n  padding-top: 40px;\n}\nol.page-numbered-list li>h2 {\n  display: flex;\n  font-weight: 500;\n  position: relative;\n  z-index: -1;\n}\nol.page-numbered-list li>h2 a {\n  color: #000;\n}\nol.page-numbered-list li>h2::before {\n  font-weight: 500;\n}\nli>a:hover {\n  text-decoration: underline;\n}\n#devsdata_homepage img {\n  transition: all .25s linear;\n}\n#devsdata_homepage:hover img {\n  transform: scale(1.01);\n}\ntable, th, td {\n  border: 1px solid black;\n  border-collapse: collapse;\n  text-align: start;\n  padding: 5px 10px;\n  vertical-align: top;\n}\nthead {\n  background-color: #b8c0c6;\n}\ntd ul {\n  list-style: none;\n  margin-top: 0;\n  padding-left: 0;\n}\ntd > p {\n  margin: 0 !important;\n}\ntd > a:hover {\n  text-decoration: underline;\n}\ntbody > tr:hover {\n  background-color: rgba(255, 248, 220, 0.5);\n}\nli{\n  margin-bottom: 5px;\n}\nol.java-inform > li{\n  margin-bottom: 10px !important;\n}\n<\/style>\n","protected":false},"author":40,"featured_media":171407,"template":"","class_list":["post-170163","case_study","type-case_study","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/case_study\/170163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/case_study"}],"about":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/types\/case_study"}],"author":[{"embeddable":true,"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/users\/40"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media\/171407"}],"wp:attachment":[{"href":"https:\/\/staging.devsdata.com\/de\/wp-json\/wp\/v2\/media?parent=170163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}