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.

Compétences

Créé le : 28/08/2024

Lien vers le repository Git Lien vers le projet
Retour aux projets