Retour à l'index des projets Développement web

Projets NSI

Une sélection de projets conçus en HTML, CSS et JavaScript pour travailler l'ergonomie, la logique métier, la structuration du front et la qualité d'une interface livrable.

Positionnement

Des projets scolaires pensés comme de vrais livrables

Chaque projet met l'accent sur une interface propre, des interactions lisibles et une organisation du code suffisamment claire pour être présentée dans un portfolio technique.

Stack
HTML5 CSS3 JavaScript UI Design Responsive
Objectif

Montrer une progression concrète sur la qualité visuelle, la gestion d'état côté client, la hiérarchie visuelle et les animations utiles.

Section Projets NSI

Deux projets web présentés dans une grille moderne

Chaque carte synthétise le contexte, les technologies mobilisées, les réalisations techniques et les accès directs vers le projet et ses sources.

Sécurité web

Analyse de mot de passe

Interface interactive

Application front-end permettant d'évaluer la robustesse d'un mot de passe, d'afficher les critères de sécurité respectés et de guider l'utilisateur vers une meilleure hygiène numérique.

Technologies
  • HTML5
  • CSS3
  • JavaScript
  • UX UI
Ce que j'ai fait
  • Conception d'une interface de saisie claire avec retour visuel immédiat
  • Implémentation d'un moteur de scoring basé sur plusieurs critères
  • Ajout d'indicateurs visuels pour la longueur, la complexité et les risques
  • Optimisation de l'expérience mobile avec une mise en page responsive
Contenu & navigation

Application de recettes

Catalogue dynamique

Site web conçu pour consulter des recettes dans une interface lisible, filtrer le contenu par catégorie et structurer l'information culinaire avec une navigation claire.

Technologies
  • HTML5
  • CSS3
  • JavaScript
  • Data Rendering
Ce que j'ai fait
  • Structuration d'une interface orientée consultation avec navigation simple
  • Création d'un affichage dynamique de cartes recettes côté client
  • Mise en place d'une recherche texte et de filtres par catégorie
  • Travail de hiérarchisation visuelle pour rendre le contenu plus exploitable