Ce projet a vu le jour suite à la demande de mon frère qui souhaitait un portfolio pour présenter son travail. J'ai pris en charge l'intégralité du design de son site sur Figma, en veillant à répondre à ses besoins et envies en termes de mood et de graphisme.
Dans le cadre de ce projet, j'ai choisi d'intégrer deux pages principales pour m'entraîner :
- La page d'accueil
- La page À propos
Mon objectif principal était de reproduire fidèlement la maquette et de mettre en œuvre les interactions que j'avais imaginées lors du processus créatif.
J'ai choisi Preact à la place de React pour :
- Réduire le poids de la librairie.
- Découvrir un nouveau framework et enrichir mes compétences.
L'utilisation de TypeScript s'inscrit dans une démarche d'amélioration de la sécurité du code et de l'exploration des possibilités offertes par ce langage.
Tailwind a été choisi pour :
- Simplifier le développement de l'intégration.
- Permettre de se concentrer sur les aspects techniques du projet.
- Réaliser un site web esthétique et fonctionnel, conforme à la maquette créée sur Figma.
- Mettre en œuvre des interactions utilisateur fluides et intuitives.
- Approfondir mes compétences en Preact, TypeScript et Tailwind CSS.
- Page d'accueil : Mise en avant des projets et introduction à la personnalité de mon frère.
- Page À propos : Présentation détaillée de son parcours, de ses compétences et de qui il est.
-
Cloner le repository :
git clone <URL_du_repo>
-
Installer les dépendances :
npm install
-
Lancer le projet en mode développement :
npm run dev
-
Construire le projet pour la production :
npm run build
- Maquette Figma : https://figma.com/maquette-portfolio
- Documentation Preact : https://preactjs.com/
- Documentation Tailwind CSS : https://tailwindcss.com/
- Documentation TypeScript : https://www.typescriptlang.org/