Projet précédent

Portfolio

Projet suivant

README

Description

Adopter une posture

Missions réalisées

Dans le cadre de mon IUT, j’ai développé un portfolio personnel pour valoriser mes compétences et adopter une posture professionnelle. Ce projet m’a permis de combiner développement front-end, organisation technique et réflexion sur mon identité numérique.

L’objectif : créer un site responsive, évolutif et cohérent, réalisé entièrement en autonomie, en exploitant des technologies modernes (Astro, React, Tailwind, Node.js) et en appliquant une vraie logique de design graphique.

Design & UX

  • Définition d’un univers visuel basé sur l’abstraction, l’informatique et les sciences
  • Mise en place d’une charte graphique : Blanc (fond), #3B3B3B (secondaire), #009063 (accent)
  • Choix typographique pour garantir lisibilité, sobriété et modernité

Développement

  • Utilisation d’Astro pour la génération statique avec gestion dynamique via slug/MDX
  • Création de composants réutilisables avec React (expérimentation)
  • Gestion des styles avec Tailwind CSS pour garantir cohérence et maintenabilité
  • Utilisation de JSX et intégration progressive de GSAP (prévu)

Versioning & déploiement

  • Développement continu avec Git, suivi de l’évolution sur GitHub
  • Préparation à la mise en production sur un VPS personnel (Debian)
  • Documentation du projet dans un README clair et structuré

Compétences

Développement

Astro & MDX

Utilisation du framework Astro pour créer un site statique moderne avec du contenu structuré en MDX

Site optimisé, rapide et modulaire

React (initiation)

Utilisation de composants React pour l'interactivité et l'organisation du contenu

Première expérience de développement hybride Astro/React

Tailwind CSS

Stylisation complète du site en utility-first avec Tailwind pour assurer cohérence graphique

Charte graphique stable et code CSS maintenable

Structure de projet

Séparation claire des layouts, composants, pages et logique de génération

Code propre, lisible et extensible

Design

Charte graphique

Définition d'un style graphique basé sur les principes de design UI/UX

Identité visuelle claire, sobre et professionnelle

Système

Déploiement sur VPS

Préparation de l'hébergement sur serveur personnel sécurisé (Debian, SSH, Git)

Indépendance technique et contrôle du serveur

Collaboration

Versioning Git

Utilisation de Git en local et sur GitHub avec structuration du dépôt

Historique de développement complet et reproductible

Gestion de projet

Autonomie complète

Organisation, planification et exécution du projet en autonomie (conception, dev, test, itération)

Livrable complet, fonctionnel et évolutif

A propos de

Portfolio

Tags

Notions utilisées

  • Node.js
  • Astro
  • Tailwind
  • react
  • HTML5
  • CSS5
  • JSX
  • VPS

Logiciels utilisés

Visual Studio CodeNode.jsReactGit

Télécharger

Indisponible

Rapport (indisponible)