Tanstack Start
Professional Projects

Static Site

Reproduce a designer-provided mockup pixel-perfectly using only HTML and CSS

General Information

FieldDetail
Period18.8.2025 → 1.9.2025
ContextJobtrek Training Centre
TrainingApprentice 1st year
Main goalReproduce a designer-provided mockup pixel-perfectly using only HTML and CSS
RoleSolo developer

Description

A static website built exclusively with HTML and CSS, faithfully reproducing a provided design mockup at 1920×1080px resolution. The project focuses on mastering modern CSS layout techniques such as Flexbox and Grid, semantic HTML, and clean code organisation. No JavaScript was used. The codebase was managed with Git using conventional commits, with one commit minimum per task linked to the corresponding GitHub issue.

Technologies Used

CategoryDetail
LanguagesHTML5, CSS3
Frameworks / LibrariesNone
ToolsGit, GitHub Projects
DatabaseNone

ICT Training Plan Competencies

  • a1: Clarifier et documenter les besoins des parties prenantes dans le cadre d'un projet ICT
  • a2: Définir un modèle de procédure pour un projet ICT
  • a4: Planifier les projets ICT et les tâches selon un modèle de procédure
  • a5: Visualiser et présenter les variantes de solutions ICT
  • a6: Vérifier l'avancement des projets ICT et des tâches et en faire état selon le modèle de procédure
  • a7: Remettre la solution ICT au client et clôturer le projet
  • g1: Analyser et documenter les besoins en matière d'applications et d'interfaces
  • g2: Vérifier la faisabilité technique des prototypes d'interfaces utilisateur et les développer
  • g4: Elaborer des variantes de mise en œuvre d'une application et développer la solution sur le plan conceptuel
  • g5: Implémenter les applications et les interfaces selon le concept en respectant les exigences de sécurité

Repository

On this page