ALTUMDIGITAL SOLUTIONS
Portfolio/How it's built

INSIDE ALTUM

From design to code.
From code to experience.

A platform bringing together the studio presentation, real projects and twelve demonstration applications. Every part has a purpose.

What happens when you open Altum.

01

You open a URL

The domain connects to Altum's deployment on GitHub Pages.

02

You receive the page

Astro prepares content as HTML, with optimized styles and assets.

03

You interact

React activates the tools for the selected demo. Animations use CSS, SVG and Canvas.

04

You save a test

Sample changes are saved in this browser using local storage.

BUILD DECISIONS

A clear foundation.
Reusable components.

Content and applications

Astro generates the business pages and React adds interaction where needed. A central catalog powers the cards, detail pages, routes and business presentation. The Solutions guides are written in Markdown and use a content collection with validated fields. One template generates the articles, their table of contents and RSS feed.

Design and motion

Semantic HTML, CSS and Sass organize the interface. Icons are SVG. Constellations are drawn on Canvas and the atom combines orbits with a gentle response to the cursor. Motion can be paused.

Data and access

Public demos use fictional data stored locally. A private implementation requires authentication, permissions and a database. The PostgreSQL/Supabase structure is part of that preparation; the public site does not offer synchronization between users. Local storage checks versions, detects changes in other tabs and keeps a previous recovery copy. This does not replace a database or server backups.

SITE MAP

One address.
Three journeys.

How a change is published.

Code

A component is changed in the repository.

Verification

Types, calculations, links and the build are checked.

Publishing

GitHub Actions prepares and publishes the files.

Verification

The domain is opened to check content and functionality.

Quality is verified journey by journey. A demo alone does not prove a payment integration, an app-store release or a multi-user system in production.