Maison > interface Web > js tutoriel > le corps du texte

Comment j'ai construit mon portefeuille de développeurs

Linda Hamilton
Libérer: 2024-11-19 10:32:03
original
342 Les gens l'ont consulté

How I Built My Developer Portfolio

En tant que développeur React Native et iOS, je souhaitais un portfolio qui représente véritablement mon travail dans le développement mobile. Au lieu d'utiliser des modèles, j'ai décidé de créer quelque chose à partir de zéro qui présenterait efficacement mes applications.

La construction

J'ai construit ce portefeuille en utilisant Next.js et TailwindCSS, en me concentrant sur la création d'une expérience fluide, semblable à celle d'une application. La conception donne la priorité à une approche axée sur le mobile. J'ai ajouté des animations et des transitions subtiles pour rendre l'interface vivante : des éléments en arrière-plan, du texte animé et des cartes interactives qui affichent mon travail.

Caractéristiques

Pour la section Présentation des applications, j'ai créé des cartes interactives affichant des icônes d'applications, des descriptions et des liens directs vers l'App Store et le Google Play Store. Le design est épuré et ciblé, ce qui permet aux visiteurs de trouver et de télécharger facilement mes applications.

Défis

Le principal défi consistait à équilibrer des animations fluides avec des temps de chargement rapides et à garantir que le site s'affiche parfaitement sur tous les appareils. Grâce à une optimisation minutieuse et une conception réactive, j'ai réussi à créer un portefeuille à la fois visuellement attrayant et performant.

Avoir hâte de

Bien que je sois satisfait de la version actuelle, je prévois d'ajouter davantage de fonctionnalités telles que le mode sombre et les aperçus interactifs des applications à l'avenir. Pour l’instant, il remplit parfaitement son objectif : présenter mon travail de manière propre et professionnelle.

Découvrez le résultat sur anwersolangi.com


Le code est open-source et disponible sur mon GitHub. N'hésitez pas à l'utiliser comme source d'inspiration pour votre propre portfolio.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal