2024
Ratio EMS
Enterprise Energy Management Platform
Flagship B2B SaaS for monitoring, operating, and configuring energy assets with role-based workspaces and real-time SCADA views.
ReactTypeScriptViteWebSocketSCADAi18n
View Details
YH
LOADING...
FRONTEND DEVELOPER
Hello, I'm
Yalçın Haratoğlu
I build production-grade B2B SaaS for the energy sector at Ratio Energy — from Ratio EMS operations platforms to RatioSIM analytics — using React, TypeScript, Vite, and WebSocket-driven SCADA experiences.
10+
Years Experience
3
Years Frontend Experience
Based in
Turkey
Available for work
SCROLL
01 — ABOUTEnergy Software
Energy Software
Frontend Engineer
I am a Frontend Developer focused on enterprise energy software at Ratio Energy, where I ship customer-facing products that operators and engineers rely on daily — including Ratio EMS and RatioSIM.
My work spans complex dashboards, SCADA diagram editors, facility configuration tools, simulation result views, and trading workflows. I prioritize type-safe React architectures, predictable state management, and interfaces that stay responsive under high-frequency telemetry.
I collaborate closely with backend, product, and domain experts to translate EMS and simulation requirements into maintainable UI modules, bilingual experiences, and accessible patterns for long operational sessions.
- •Own end-to-end frontend delivery for Ratio EMS modules: SCADA editor, facility editor, dashboards, mobile views, and trading screens.
- •Implement real-time monitoring with WebSocket streams, live charts, and resilient reconnection UX for SCADA and telemetry data.
- •Build RatioSIM user flows for simulation setup, execution feedback, and results exploration with React, TypeScript, and Vite.
- •Establish shared UI standards: component libraries, i18n, performance budgets, and code review practices across product teams.
02 — EXPERTISE
Skills &Technologies
Stack and practices I use to deliver reliable energy-sector SaaS interfaces
Frontend Engineering
- React
- TypeScript
- JavaScript
- Vite
- Next.js
- Tailwind CSS
- HTML5
- CSS3
Real-Time & SCADA UI
- WebSocket
- Live telemetry
- SCADA canvases
- High-frequency updates
- Charting
- Optimistic UI
Quality & Delivery
- Component design
- Code review
- ESLint
- Performance tuning
- Accessibility
- Git workflows
Energy & Enterprise
- B2B SaaS
- EMS workflows
- Facility modeling
- Simulation UX
- i18n
- Role-based UX
03 — PORTFOLIO
SelectedProjects
Products and modules I contributed to at Ratio Energy and related energy-software work
2024
RatioSIM
Energy Simulation & Analytics
Web platform for running simulations, comparing scenarios, and presenting results to technical and business stakeholders.
ReactTypeScriptViteChartsREST APIs
View Details
2024
Ratio Energy
Corporate Product Website
Marketing and product presence for Ratio Energy solutions, aligned with EMS and simulation offerings.
Next.jsReactTypeScriptTailwind CSS
View Details
2024
Eyeds
Client Web Presence
Delivered a modern, responsive company website with clear service positioning and contact flows.
ReactNext.jsTypeScriptTailwind CSS
View Details
2024
EMS SCADA Editor
Diagram & Topology Builder
Canvas-based editor for building and maintaining SCADA single-line diagrams linked to live device telemetry.
ReactTypeScriptCanvasWebSocketDrag-and-drop
View Details
2024
EMS Facility Editor
Site & Asset Configuration
Structured UI for defining facilities, hierarchies, devices, and parameters used across EMS modules.
ReactTypeScriptFormsValidationVite
View Details
2024
EMS Operations Dashboard
Monitoring & KPI Views
Configurable dashboards with alarms, trends, and KPI cards for control-room style monitoring.
ReactTypeScriptWebSocketChartsTailwind CSS
View Details
2024
EMS Mobile Experience
Field & On-the-Go Access
Responsive/mobile-oriented views for alerts, summaries, and essential operator actions outside the control room.
ReactTypeScriptResponsive UIPWA patterns
View Details
2024
Simulation Results
Scenario Comparison UI
Results exploration module for RatioSIM: tables, charts, and exports that help users interpret simulation output.
ReactTypeScriptData gridsVisualization
View Details
2024
EMS Trading Module
Market & Schedule Workflows
Frontend flows for trading-related data entry, schedules, and review screens integrated with EMS backends.
ReactTypeScriptComplex formsEnterprise UX
View Details
04 — CONTACTLet's Build Your
Let's Build Your
Next Energy UI
Open to full-time, contract, and consulting frontend roles — especially in energy, industrial SaaS, and real-time dashboards.