Open to new conversations
Index of workJob 005 of 030
005Technyx Systems2025

Saudi Smart City Website

React, .NET and Umbraco for a major urban development

The official website of a major urban development initiative in Saudi Arabia: city information, projects and services in React and Umbraco CMS, with .NET back-end work and rich GSAP animation.

  • React
  • JavaScript
  • .NET
  • C#
  • Umbraco CMS
  • GSAP
  • SCSS
  • API integration
  • Technical SEO
Job ticketNo.005
Built at
Technyx Systems
Sector
Government · Urban development
Region
KSA
Period
2025
Role
Full stack developer — React front end, .NET and Umbraco back end, GSAP animation
Operations
  • Web platform
  • CMS
  • Back end
  • Motion
Checked
Under NDA
ABrief

The official website of a major urban development initiative in Saudi Arabia: where the city presents itself, its development projects, its services and its community.

A city that is still being built has to sell a vision as well as inform, so the site pairs content managed in a CMS with a highly interactive, animation-rich presentation.

I worked on both sides of the build: React sections and components on the front end, .NET C# and Umbraco on the back end, connected through APIs so the city’s team manages dynamic content themselves.

BWhat I did
  1. Op 01

    Built website sections and reusable React components, including complex layouts, pixel-perfect to the design.

  2. Op 02

    Created advanced GSAP animations and smooth transitions that stay fluid on ordinary devices.

  3. Op 03

    Integrated APIs and managed dynamic content from Umbraco CMS.

  4. Op 04

    Contributed to back-end functionality in .NET C#.

  5. Op 05

    Optimised the front end and the back end for performance, and applied technical SEO.

  6. Op 06

    Made every section responsive across phones, tablets and large screens.

COutcome
  • A CMS-managed city website that the client’s team updates without developers.
  • Rich, smooth animation without giving up responsiveness or performance.
DSchematicHow it fits together

Under the hood

Umbracocity content.NET C#back end · APIsReactsections · componentsGSAPanimation · transitionsResidents & investorsweb
  1. Umbraco (city content).NET C# (back end · APIs)
  2. .NET C# (back end · APIs)React (sections · components)
  3. GSAP (animation · transitions)React (sections · components)
  4. React (sections · components)Residents & investors (web)
The city’s team edits content in Umbraco; .NET APIs feed a React front end animated with GSAP.
EProofsUnder NDA

Proofs withheld

Client screens stay under NDA, so they are not shown here.

Ask me about it
Next job006Practical.meNext.js speed work for a meal-delivery brand