Web DevelopmentLead Frontend Developer
SYSGreen.pt — Industrial Biomass Energy Platform
SEO-optimized corporate web app for a sustainable industrial energy company, featuring a multilingual ROI calculator with automated lead capture

SYSGreen.pt — Industrial Biomass Energy Platform
SYSGreen is a modern, highly-optimized corporate web application for a Portuguese company specializing in sustainable industrial energy solutions — biomass boilers, heat recovery, and overall energy efficiency.
Core Features
Interactive Energy Savings Calculator
The flagship feature: a sophisticated ROI calculator that lets industrial clients estimate their energy savings when switching from conventional fuel to biomass.
- Regional pricing: Default values auto-populated by region and fuel type
- Editable parameters: Monthly energy cost and biomass price can be customized by the user for more accurate results
- Advanced parameters (expandable): current system efficiency, annual operating hours, load factor, energy inflation rate
- Lead capture: Results trigger a Supabase insert, followed by an automated email report sent to the prospect via Resend (Supabase Edge Functions)
SEO & Structured Data
- Dynamic multilingual XML sitemaps (
sitemap.xml+image-sitemap.xml) generated at build time - Schema.org structured data components:
Organization,Product,Breadcrumb,FAQ - Optimized meta tags, semantic HTML, and accessibility attributes
- AIO-optimized (AI-discoverable) for ChatGPT/Perplexity indexing
Internationalisation (PT/EN)
- Full i18n via i18next and react-i18next
- Persistent user language preferences
- SEO-friendly routing per language
Analytics & Trust
- Microsoft Clarity for heatmaps and session recordings
- MyWOT trust badge integration
- Secure forms with Zod validation and edge function processing
Technology Stack
| Layer | Technologies |
|---|---|
| Framework | React 18, TypeScript, Vite |
| Styling | Tailwind CSS, Shadcn/UI, Radix UI |
| Routing | React Router DOM v6 |
| Forms | React Hook Form, Zod |
| Backend | Supabase (PostgreSQL, Edge Functions, Row Level Security) |
| Resend (via Supabase Edge Functions) | |
| i18n | i18next, react-i18next |
| Testing | Vitest, React Testing Library |
Performance & Delivery
- Build-time sitemap generation script for SEO consistency
- Bundle analysis with performance measurement
- Deployed as a static SPA with Supabase as the serverless backend
Technologies
ReactTypeScriptViteTailwind CSSSupabaseResendi18nextVitest