portFolioNextJSv2
Portfolio personnel en ligne d'un développeur web fullstack : projets, parcours, compétences, services et formulaire de contact.
- Rôle :
- Seul développeur
- Période :
- juil. 2024 – nov. 2024
En bref pour les recruteurs
Site portfolio personnel mis en ligne, qui présente les projets, l'expérience, les compétences et les services d'un développeur web fullstack, avec un formulaire de contact. Il montre la capacité à concevoir, mettre en ligne et maintenir un site complet, adapté à tous les écrans et redéployé automatiquement à chaque mise à jour.
Site vitrine personnel d'un développeur web fullstack. Le visiteur, par exemple un recruteur ou un client potentiel, découvre une sélection de projets, l'historique professionnel, les compétences mises en avant et les services proposés, puis peut envoyer un message directement depuis une page de contact. Le site s'adapte à tous les écrans et se comporte comme une application d'une seule page : la mise en page reste la même, seul le contenu change d'une rubrique à l'autre, ce qui rend la navigation fluide. Côté technique, il est construit avec Next.js, React et TypeScript, mis en forme avec Tailwind CSS. Les messages du formulaire sont vérifiés avant envoi puis transmis par e-mail. Une base de données est prévue pour des avis. Le site est hébergé sur Vercel et remis en ligne automatiquement à chaque modification publiée.
Technologies
Prisma
Next.js
React
Tailwind CSS- Zod
TypeScript- NodeMailer
- HTML/CSS
Vercel
Fonctionnalités
- Présentation d'une sélection de projets
- Consultation du parcours professionnel et des compétences
- Présentation des services proposés
- Envoi d'un message via un formulaire de contact
- Affichage adapté à tous les écrans
- Navigation fluide entre les rubriques sans rechargement de la mise en page
Contexte
Projet final de la web@cadémie d'EPITECH - Le Kremlin Bicêtre
Décisions techniques
Site conçu comme une application d'une seule page : la mise en page commune reste affichée et seuls les contenus changent selon la rubrique. Déploiement continu : le site est remis en ligne automatiquement à chaque mise à jour de la branche principale.