{"id":15082,"date":"2022-08-23T00:00:00","date_gmt":"2022-08-23T00:00:00","guid":{"rendered":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/"},"modified":"2025-05-29T22:47:24","modified_gmt":"2025-05-29T22:47:24","slug":"location-monitoring-using-react-and-net-core","status":"publish","type":"our_work","link":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/","title":{"rendered":"Location Monitoring Using React and .NET Core"},"content":{"rendered":"<p>DMC engineers worked with RES to develop a tool capable of monitoring solar sites and wind farms across the globe.<\/p>\r\n\r\n<p>The team began with UI design. DMC used React TypeScript and Material UI to create a variety of pages for viewing and interacting with events and live data from RES\u2019 sites. We completed back-end programming using C#, Microsoft Azure, and .Net Core. The resulting solution consolidated previous processes and streamlined the monitoring process. Staff who use the app to monitor alerts now have a cleaner interface and faster reporting.<\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Edit Alert condition window\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/AlertCondition.png\"  \/><\/figure>\r\n\r\n<p><figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"List of events in React library\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165554\/Events.png\"  \/><\/figure><figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Full list of events in React library\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165554\/EventsFull.png\"  \/><\/figure><\/p>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Full page of react and .net Core location monitoring interface\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165553\/FullPage.png\"  \/><\/figure>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Live Status display in react interface\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165552\/LiveStatus.png\"  \/><\/figure>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Add Stop window in react interface\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165552\/ScheduledStop.png\"  \/><\/figure>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"scheduled stops \" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165552\/ScheduledStopsFull.png\"  \/><\/figure>\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" alt=\"Settings window in react interface\" src=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165551\/Settings.png\"  \/><\/figure>\r\n\r\n<p><strong>Learn more about DMC&#8217;s <a href=\"https:\/\/www.dmcinfo.com\/services\/application-development\">Application Development<\/a> expertise.\u00a0<\/strong><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>DMC engineers worked with RES to develop a tool capable of monitoring solar sites and wind farms across the globe. The team began with UI design. DMC used React TypeScript and Material UI to create a variety of pages for viewing and interacting with events and live data from RES\u2019 sites. We completed back-end programming [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":15073,"template":"","meta":{"customer":"RES Group","summary":"<p>RES, the world&rsquo;s largest independent renewable energy company, was looking for a tool to monitor their internationally distributed solar and wind farms. DMC developed a solution that allowed them to maintain assets, respond to alerts, and monitor the status of sites worldwide.<\/p>\r\n","description":"","customer_benefits":"<ul>\r\n <li>Consolidated information<\/li>\r\n <li>Streamlined monitoring process<\/li>\r\n <li>Data tracking<\/li>\r\n<\/ul>\r\n","components_used":"<ul>\r\n <li><a href=\"https:\/\/www.dmcinfo.com\/services\/digital-workplace-solutions\/microsoft-consulting-services\/microsoft-azure-cloud-solutions-and-services\">Microsoft Azure<\/a><\/li>\r\n <li><a href=\"https:\/\/www.dmcinfo.com\/services\/application-development\/web-application-development\">React TypeScript<\/a><\/li>\r\n <li>Material UI<\/li>\r\n <li><a href=\"https:\/\/www.dmcinfo.com\/services\/application-development\/pc-application-development\/c-net\">C#<\/a><\/li>\r\n <li><a href=\"https:\/\/www.dmcinfo.com\/services\/application-development\/pc-application-development\/c-net\">.Net Core<\/a><\/li>\r\n<\/ul>\r\n","project":"","author":"Gabby Martinez","notes":""},"work_category":[683,721,704,722,715],"class_list":["post-15082","our_work","type-our_work","status-publish","has-post-thumbnail","hentry","work_category-application-development","work_category-azure","work_category-energy-and-utilities","work_category-user-interface-design","work_category-web-application-development"],"yoast_head":"<title>Location Monitoring Using React and .NET Core | DMC, Inc.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Location Monitoring Using React and .NET Core\" \/>\n<meta property=\"og:description\" content=\"DMC engineers worked with RES to develop a tool capable of monitoring solar sites and wind farms across the globe. The team began with UI design. DMC used React TypeScript and Material UI to create a variety of pages for viewing and interacting with events and live data from RES\u2019 sites. We completed back-end programming [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/\" \/>\n<meta property=\"og:site_name\" content=\"DMC, Inc.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-29T22:47:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/\",\"url\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/\",\"name\":\"Location Monitoring Using React and .NET Core | DMC, Inc.\",\"isPartOf\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png\",\"datePublished\":\"2022-08-23T00:00:00+00:00\",\"dateModified\":\"2025-05-29T22:47:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage\",\"url\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png\",\"contentUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png\",\"width\":1400,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Work\",\"item\":\"https:\/\/www.dmcinfo.com\/our-work\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Location Monitoring Using React and .NET Core\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dmcinfo.com\/#website\",\"url\":\"https:\/\/www.dmcinfo.com\/\",\"name\":\"DMC, Inc.\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dmcinfo.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dmcinfo.com\/#organization\",\"name\":\"DMC, Inc.\",\"url\":\"https:\/\/www.dmcinfo.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png\",\"contentUrl\":\"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png\",\"width\":418,\"height\":167,\"caption\":\"DMC, Inc.\"},\"image\":{\"@id\":\"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929\",\"https:\/\/www.instagram.com\/dmcengineering\",\"https:\/\/www.youtube.com\/DMCEngineering\",\"https:\/\/www.linkedin.com\/company\/dmc-engineering\"]}]}<\/script>","yoast_head_json":{"title":"Location Monitoring Using React and .NET Core | DMC, Inc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/","og_locale":"en_US","og_type":"article","og_title":"Location Monitoring Using React and .NET Core","og_description":"DMC engineers worked with RES to develop a tool capable of monitoring solar sites and wind farms across the globe. The team began with UI design. DMC used React TypeScript and Material UI to create a variety of pages for viewing and interacting with events and live data from RES\u2019 sites. We completed back-end programming [&hellip;]","og_url":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/","og_site_name":"DMC, Inc.","article_publisher":"https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929","article_modified_time":"2025-05-29T22:47:24+00:00","og_image":[{"width":1400,"height":500,"url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/","url":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/","name":"Location Monitoring Using React and .NET Core | DMC, Inc.","isPartOf":{"@id":"https:\/\/www.dmcinfo.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage"},"image":{"@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png","datePublished":"2022-08-23T00:00:00+00:00","dateModified":"2025-05-29T22:47:24+00:00","breadcrumb":{"@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#primaryimage","url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png","contentUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27165555\/unnamed-file-136.png","width":1400,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.dmcinfo.com\/our-work\/location-monitoring-using-react-and-net-core\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Work","item":"https:\/\/www.dmcinfo.com\/our-work\/"},{"@type":"ListItem","position":2,"name":"Location Monitoring Using React and .NET Core"}]},{"@type":"WebSite","@id":"https:\/\/www.dmcinfo.com\/#website","url":"https:\/\/www.dmcinfo.com\/","name":"DMC, Inc.","description":"","publisher":{"@id":"https:\/\/www.dmcinfo.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dmcinfo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dmcinfo.com\/#organization","name":"DMC, Inc.","url":"https:\/\/www.dmcinfo.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png","contentUrl":"https:\/\/cdn.dmcinfo.com\/wp-content\/uploads\/2025\/05\/27171146\/dmc-logo-1.png","width":418,"height":167,"caption":"DMC, Inc."},"image":{"@id":"https:\/\/www.dmcinfo.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/DMC-Inc\/107982009242929","https:\/\/www.instagram.com\/dmcengineering","https:\/\/www.youtube.com\/DMCEngineering","https:\/\/www.linkedin.com\/company\/dmc-engineering"]}]}},"_links":{"self":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/our_work\/15082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/our_work"}],"about":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/types\/our_work"}],"author":[{"embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/users\/8"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/media\/15073"}],"wp:attachment":[{"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/media?parent=15082"}],"wp:term":[{"taxonomy":"work_category","embeddable":true,"href":"https:\/\/www.dmcinfo.com\/wp-json\/wp\/v2\/work_category?post=15082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}