Crowned One Design

Crowned One Design

Projet professionnel – Titre Pro DWWM

Barra Sulyvane 30/09/2025

Start

Objectif : site vitrine moderne, sécurisé, responsive

Qui je suis ?

Ancien militaire en reconversion, je suis passionné par le code. Mon objectif est de maîtriser des technologies utilisées par tous, mais comprises par une minorité.

Next

Cahier des charges

🔐 Authentification & Sécurité

📝 Gestion de contenu

🎨 Interface & Expérience Utilisateur

📧 Communication

• Formulaire de connexion sécurisé (sessions, PDO, regex)

• Gestion des rôles (admin / utilisateur)

• Fonction Mot de passe oublié avec token JWT/UUID

• Protection reCAPTCHA v3 contre les bots

• Prévention des failles : SQLi, XSS, CSRF

• CRUD complet (articles / projets)

• Upload d’images avec compression & conversion WebP

• Interface admin intuitive (ajout, modification, suppression)

• Filtrage et recherche de contenus

• Formulaire de contact (SMTP + Mailpit en dev)

• Emails transactionnels (confirmation, notifications, reset password)

• Design responsive (desktop, tablette, mobile)

• Maquettes Figma + version HD validée

• Effets visuels :

• Lumière suivant la souris
• Barre de navigation auto-hide
• Scroll spy (indicateur de section active)
• Animation d’introduction au chargement

• Optimisation UX (placeholders, hover, navigation claire)

Maquettes

Wireframe

Maquettes HF

Architecture technique

Frontend : HTML/CSS/JS Backend : PHP8 (MVC, PDO) BDD : MySQL / Sécurité : Regex, CSRF, XSS, JWT

Fonctionnalités clés

Login sécurisé + mot de passe oublié + Vérification de mail

CRUD Admin

Galerie optimisée (WebP + lazy loading)

Formulaire contact (SMTP + Mailpit)

Regex

PDO

Sécurité

XSS

CSRF

JWT

Recaptcha

Performances

• SCSS → minification CSS

• Images WebP + compression

• Lazy loading médias