Portfolio

Bonjour, je m'appelle Thomas Marques, je suis étudiant à l'IIM School of Technology et je suis passionné par la technologie et la programmation. J'étudie actuellement le développement web et je suis à la recherche d'opportunités pour améliorer mes compétences et mes connaissances dans ce domaine.

Pour présenter mes compétences, projets et expériences, j'ai créé ce portfolio en utilisant Next.js. Vous y trouverez certains de mes projets, mon CV et mes informations de contact, ainsi que mon historique professionnel et scolaire.

Technologies utilisées

• React : Pour construire l'interface utilisateur.
• Next.js : Pour la construction du portfolio.
• Tailwind : Pour la mise en forme du portfolio.
• Shadcn/UI : Pour certains composants.
• Resend : Pour l'envoi des emails du formulaire de contact.

Pourquoi Next.js ?

J'ai décidé d'utiliser Next.js pour construire ce projet car plus qu'un simple site web, ce portfolio est une vitrine de mes compétences et capacités en tant que développeur web. Je voulais afficher mes travaux, emplois et études, et offrir la possibilité de le mettre à jour facilement par la suite. De plus, je voulais ajouter une section blog. Toutes ces fonctionnalités nécessitaient un site web dynamique et performant, et Next.js m'a semblé être le meilleur choix pour moi, car je l'ai déjà expérimenté auparavant, et j'apprécie ses fonctionnalités. De plus, Next.js est performant également concernant le SEO, ce qui est important pour un portfolio.

J'espère donc que vous l'apprécierez !

Quelles fonctionnalités sont incluses ?

• Page d'accueil : une brève présentation de moi-même, avec une photo et une courte description.
• Section compétences : une liste de mes principales compétences.
• Section projets : une liste de mes principaux projets, avec un court résumé et un lien vers la page de projet plus détaillée.
• Chronologie des emplois et études : une chronologie de mes emplois et études, avec une courte description de chacun, ce que j'ai appris, fait, etc.
• CV : un lien vers mon CV, au format PDF.
• Contact : un formulaire pour me contacter, avec des champs pour le nom, l'email et le message.
• Blog : une section blog, avec une liste d'articles et un lien vers la page de l'article plus détaillée.

Comment ça fonctionne ?

Tout le contenu "dynamique", comme les projets, emplois, études et articles de blog, est stocké sous forme de fichiers markdown. Cela me permet de mettre à jour facilement le contenu et de conserver le style "développement web" (le markdown étant un langage courant pour les développeurs pour expliquer, décrire et présenter leur travail). En utilisant MDX, ces fichiers sont convertis en composants React, puis rendus sur la page.