🇬🇧 English | 🇫🇷 Français

Interactive Experiences

A collection of lightweight interactive experiences designed to make technical mechanisms easier to understand.

The idea is simple: start with an action that looks straightforward from the user's perspective, then progressively reveal what may actually be happening behind the scenes.

No specific technical knowledge is required, a few clicks are enough to follow the journey.

This repository is a technical presentation and documentation repository.
It does not contain downloadable source code or production files.

---

Why these experiences?

An interface usually shows a result, but rarely everything required to make that result happen.

Automating a single task may require business rules, validation, error handling, and multiple controls.

Connecting two systems through an API involves much more than simply exchanging data.

User authentication can trigger several security mechanisms that remain completely invisible to the user.

A Factur-X invoice is not limited to the visible PDF, it also contains structured data that must remain consistent with the document.

These experiences were created to make this hidden side of technology visible, quickly and interactively.

---

Structure

interactive-experiences/
│
├── README.md
│
├── LICENSE
│
├── assets/
│   └── interactive.css
│
├── fr/
│   ├── cookies.html
│   ├── automatisation.html
│   ├── securite.html
│   ├── facturx.html
│   ├── from-scratch.html
│   └── api-interactive.html
│
└── en/
    ├── cookies.html
    ├── automation.html
    ├── security.html
    ├── facturx.html
    ├── from-scratch.html
    └── api-interactive.html

---

Experiences

Systems & Architecture

• From Scratch or Prebuilt
  One requirement, two ways to build it, with different trade-offs.

• API & Integration
  Follow an API request and discover the exchanges, validation, processing, and errors that may occur between two systems.

• Automation
  Discover what a seemingly simple task can actually involve when it needs to be integrated and automated within a system.

Security & Data

• Application Security
  Discover the controls and mechanisms that can operate behind a seemingly simple authentication process.

• Cookies & Personal Data
  Follow what may happen after accepting a cookie, from data collection to analysis and profiling.

Electronic Invoicing

• Factur-X
  Step inside a Factur-X invoice and discover why the PDF and structured XML data must remain consistent.

---

Technologies

The experiences intentionally rely on a lightweight architecture:

• HTML
• CSS
• JavaScript
• No frontend framework

The same visual foundation can be adapted to different subjects without introducing unnecessary dependencies.

Try the Experiences

The live versions are available on Palks Studio:

Explore the interactive experiences

---

Evolution

The collection will continue to grow with new interactive experiences around backend development, business systems, security, data, APIs, and automation.

---

© Palks Studio — see LICENSE.md
https://palks-studio.com