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 :
- Hébergement web personnel
- Nom de domaine : terminal.maximeval.in
📸 Captures d'écran
- Message d'accueil lors de l'ouverture du projet
- Résultat de
sumfetch
affichant les infos principales
🔍 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.