formation

Course detail

Design a full-stack project from A to Z
Catalogue · AI & Agents · intermédiaire

Design a full-stack project from A to Z

12 modules · 47 lessons ~6h of readingUpdated Apr. 2026

The complete method to run a client project without leaving anything to chance. You guide the client from a fuzzy need to a live product: the first contact that qualifies the project, the immersion interview that uncovers the real need, the offer then contracts and staged invoicing, the specifications document that protects everyone, wireframes then mockups validated within a defined frame, the stack choices (Hostinger, React, PostgreSQL) explained in plain language, the definition of features and data. Then you build the entire project in vibe coding, based on the mockups: no IDE, no code, you steer your AI agents in plain language. At 80%, you present the project to the client for validation against the specifications, apply the finishing touches, and ship to production. Every step covers what to ask, what to deliver, what traps to avoid and field-tested advice from real client projects, illustrated by a complete end-to-end example project.

CHF 950CHF 570-40%one-time payment · lifetime access

By the end

What you'll walk away knowing how to do

01

A real, working result in your hands, not a throwaway demo, something you keep.

02

The full method to do it again on your own, on your own ideas.

03

A clear Bronze → Silver → Gold progression: a tangible result at every tier.

04

Enough to never get stuck: every step explained, nothing assumed.

Is this for you?

Who it's for

Intermediate level

Requirements: a computer, a connection, and the will to move forward. Every step is explained, nothing is assumed.

  • You want a real result in your hands, not just theory.
  • You're starting from zero or close to it: no prior technical skill required.
  • You want to move at your own pace, no live classes, no fixed schedule.

Why this format over the others

vs a video course

Dense, searchable, copy-paste-ready text. Straight to the point, no scrubbing a 40-min video for two commands.

vs free docs

A clear, ordered path from first step to result. No traps, no blind spots, no hours lost piecing it together.

vs a bootcamp

One-time payment, lifetime access, updates included. Move at your own pace, no fixed schedule, no extra fees.

Detailed programme

01
Introduction
A real client · curiosity · the architect analogy · prerequisites
Welcome: a real project, a real clientThis course takes you from the first coffee with a client all the way to their app going live. No abstract theory: each module matches a real stage of a project, in the order it actually happens.4 minPreview
Curiosity, your number-one assetBefore the method, before the tools, before even the first meeting, there is one skill that decides everything: curiosity. If you have it, this line of work will be a treat. If you don't have it yet, good news: it can be developed.3 minPreview
The architect analogyProgramming is a technical field that doesn't speak to people: "database", "wireframe", "mock-up" — all of it stays abstract for a client. You need a common language. The best one there is: building a house.3 min
The method at a glanceEleven steps, always in the same order. Each one produces a deliverable that serves as the foundation for the next. When a project goes off the rails, it's almost always because a step was skipped or done out of order.4 min
Prerequisites: your vibe coding environmentHere, we don't code, we don't install an IDE, we don't type commands. The entire development side rests on a vibe coding environment: a server that works for you, AI agents you steer in plain language.3 min
02
Module 1 — Welcoming the client
Qualify in 30 minutes · build trust · listen · uncover the real need
03
Module 2 — Contracts and invoicing
The offer and project contract · payment milestones · maintenance and hosting
04
Module 3 — The specifications document
The reference document: structure · AI-assisted writing · signature
05
Module 4 — Wireframes
Illustrate screens and flows · the client's references · iterate within limits
06
Module 5 — Mockups
The final visual: client identity · generation · sign-off
07
Module 6 — The tech stack
Familiarity principle · Hostinger · React · PostgreSQL · costs and deadlines
08
Module 7 — Features and data
Extract · prioritise · define the data · the PostgreSQL schema
09
Module 8 — Development in vibe coding
References · build from mockups · test · the 80% milestone
10
Module 9 — Client validation
Prepare the demo · run the session · sort the feedback
11
Module 10 — Finishing touches
Bugs · odd behaviours · visual polish · final checklist
12
Module 11 — Going live
Domain and server · deployment · delivery · maintenance and evolutions