Terminal

🖥️ Terminal Portfolio

Présentation générale

Terminal Portfolio est une version alternative et interactive de mon portfolio, conçue sous la forme d’un terminal Unix simulé dans un navigateur web. Accessible à l’adresse https://terminal.maximeval.in, il propose une interface en ligne immersive dans laquelle les visiteurs peuvent interagir via des commandes en ligne de type Unix, comme s’ils étaient dans un véritable terminal Linux.

Ce projet a pour vocation de présenter mon parcours, mes compétences et mes projets de manière originale et ludique, tout en mettant en avant ma capacité à concevoir une interface utilisateur atypique, responsive et entièrement codée à la main.

🎯 Objectifs du projet

  • Proposer une alternative innovante à un portfolio web classique.
  • Créer une interface interactive 100% personnalisée à travers une simulation de terminal.
  • Démontrer ma maîtrise du DOM en JavaScript pur, sans framework.
  • Valoriser mes compétences web (HTML/CSS/JS) et ma capacité à proposer une expérience utilisateur originale.
  • Montrer ma capacité à travailler un projet complet : de l’idée jusqu’à la mise en ligne.

⚙️ Fonctionnalités principales

L'utilisateur peut interagir avec le terminal en tapant différentes commandes. Chaque commande est traitée côté client (JavaScript), et renvoie une réponse dynamique, souvent humoristique, parfois utile. Voici un aperçu des principales fonctionnalités :

  • help Affiche toutes les commandes disponibles.

  • man <cmd>
    Donne des informations détaillées sur une commande.

  • sumfetch, summary, neofetch, sum Affiche une bannière contenant mon nom, mon rôle, mes contacts et des liens utiles.

  • projects, mywork
    Liste mes projets (fonctionnalité en cours d’ajout).

  • gui, portfolio, website Redirige vers une future version graphique du portfolio.

  • sudo
    Affiche un message d'avertissement humoristique.

  • clear
    Nettoie l’écran du terminal.

  • pwd, cd, ls
    Simule les commandes classiques du terminal (affichage de dossier, changement de répertoire, etc.).

  • nano, vi, vim, nvim
    Affichent des messages humoristiques sur les éditeurs de texte.

  • whoami
    Affiche "guest", l'utilisateur simulé.

  • welcome, banner
    Affiche une bannière ASCII d’accueil et des instructions d’utilisation du terminal.

🧠 Compétences mobilisées

Compétences techniques

  • HTML/CSS : structure de la page, stylisation du terminal.
  • JavaScript vanilla : gestion des événements clavier, manipulation du DOM, logique de parsing de commandes, affichage dynamique.
  • UX/UI : expérience utilisateur originale, cohérence visuelle et thématique (terminal Unix).
  • Hébergement web : mise en ligne sous domaine personnalisé (terminal.maximeval.in), gestion DNS.
  • Accessibilité : focus automatique sur le champ de saisie, affichage clair.

Compétences transverses

  • Créativité et esprit d’initiative.
  • Conception d’une interface personnalisée sans outil tout fait.
  • Communication : vulgarisation technique par des réponses compréhensibles et fun.
  • Autonomie dans la gestion d’un projet du début à la fin.

🏗️ Technologies utilisées

Frontend :

  • HTML5
  • CSS3
  • JavaScript (vanilla, sans framework)

Déploiement :

📸 Captures d'écran

  • Message d'accueil lors de l'ouverture du projet Capture d'écran de l'accueil du projet
  • Résultat de sumfetch affichant les infos principales Résultat

🔍 Apports du projet ?

Ce projet montre ma capacité à :

  • Concevoir des interfaces web originales.
  • Utiliser les langages web de base (HTML/CSS/JS) sans dépendance externe.
  • Créer des outils de présentation interactifs et ergonomiques.
  • Travailler sur un projet personnel de bout en bout : conception, réalisation, déploiement.
← Retour aux projets