A full course on any subject, generated on demand.

The intent

Learning a new subject starts with knowing where to begin. The resources exist, but they are scattered, uneven, and rarely arranged in an order that holds up for a beginner.

GNOSIS starts there: the user enters a subject, the app proposes an outline they can adjust, then writes the course module by module, rendering the text progressively as it is written. The product was designed in French first, then made fully multilingual.

Four ways to learn

Rather than a single all-purpose chatbot, I split the experience into four modes, each with its own identity borrowed from Greek mythology and its own behaviour.

• Muses — generates a full course from any subject you choose.
• Prométhée — guided, step-by-step learning.
• Chiron — a tutor grounded in the user's own documents: uploaded files are chunked, embedded and retrieved through semantic search, so the answers are about their documents and not about generalities.
• Dédale — an advanced tutor for a specific assignment or piece of work, backed by a more powerful model.

The split is not cosmetic: it lets me give each mode its own instructions, its own model and its own cost, instead of one compromise that serves nobody well.

What makes a course readable

A generated wall of text is not a course. Depending on the subject, the app automatically produces tables, vector diagrams (processes, cycles, hierarchies, timelines) or annotated illustrations, on top of math rendering. The course exports to PDF true to the site's visual identity.

An optional web search lets the content rest on real references rather than on the model's memory alone.

Staying, not just arriving

Content generation attracts; it does not retain. I added a progression layer — experience points, day streaks, ranks, a global leaderboard — and a full social dimension: friends, private messaging, communities and group discussions, all in real time.

The catalogue holds 200 topics already prepared, in all four languages, so the first visit does not start in front of an empty field.

The technical choices, and why

Framework-free front-end, multi-page. Native HTML, CSS and JavaScript. The bet: keep control over the weight sent to the browser and the content served to search engines, on an app that is nonetheless rich.

API keys never exposed. This is the central security point. Model calls go through edge functions that act as authenticated proxies: the keys stay server-side, and every call is token-protected. A front-end app that calls a paid API straight from the browser is an open tab for anyone.

Supabase for the foundation. Token authentication, a PostgreSQL database with row-level security — each user can only read their own data, and the rule is enforced by the database, not by client code — and real-time broadcast for messaging.

Mobile. A progressive web app, plus a packaged Android app, with navigation modelled on mobile habits and proper handling of the screen's safe areas. The iOS version is in progress.

Search visibility. Structured data, social sharing tags, a sitemap — because an app is not discovered through advertising alone.

Art direction

I wanted to avoid the default aesthetic of AI tools. The world is drawn from Greek antiquity, treated in an editorial, monumental way: an original mascot, Atlas, a young Titan carrying a starry celestial vault, worked into animated scenes specific to each page; a logo that is that celestial vault; several colour themes named after materials (Céramique, Porphyre, Vert-de-gris, parchemin); a Greek key watermark; and real typographic work.

The challenges

• Securing the keys without a traditional back-end, by turning edge functions into authenticated proxies.
• The document-grounded tutor: upload, chunking, embedding and semantic search, with answers that stay faithful to the source.
• A robust rendering pipeline combining Markdown, math, vector diagram generation and a PDF export that matches the site's style — each piece happy to break the others.
• A polished mobile and multilingual experience without a framework, with a custom-written internationalisation system.

What it demonstrates

GNOSIS is a solo project covering product design, art direction, front-end, back-end and AI model integration. That is the kind of scope the The Build package covers: a complete product, thought through, secured and deployed by one person.