Accueil

La page d'accueil sert à me présenter, mon parcours ainsi que mes projets. Chacune des pages est traduite en plusieurs en Français, Anglais et l'accès au site depuis un mobile est possible.

Projets

En cliquant sur un projet depuis l'accueil, on obtient plus de détails à propos de celui-ci.

Conception

Voici certains éléments que j'ai utilisés pour réaliser ce projet ! Vous pouvez retrouver plus de détails directement dans les fichiers du projet.

    Langage(s)5

    • JS

    • HTML

    • CSS

    • JSON

    • EJS

    Librairie(s) / Paquet(s)4

    • ANIME

    • EXPRS

    • SRVL

    • IMP

    Logiciel(s) / Site(s) / Platforme(s)4

    • FI

    • NODE

    • HRK

    • FRB

  1. JS

  2. JavaScript

    • langage

    Il est utile pour la majorité des actions effectuées sans recharger une page (tel que le lancement d'animations, la détection de clics ou de changements de la taille du navigateur par exemple).

  1. HTML

  2. Hypertext Markup Language

    • langage

    Le HTML a servi à faire la structure de chaque page en étant aidé par le langage de template EJS.

  1. CSS

  2. Cascading Style Sheets

    • langage

    Il sert à mettre en forme toutes les pages du site : couleurs, disposition, taille, forme, etc.

  1. JSON

  2. JavaScript Object Notation

    • langage

    • JavaScript

    Il sert à stocker les données sur un projet : durée, images, explications, etc. ... Tout ce qui sera affiché dans la partie projets du site.

  1. EJS

  2. Ebedded Javascript Templating

    • paquet

    • javascript

    • langage

    • html

    Structuration des pages sous forme de templates (structure html avec insertion de variables, de boucles et de conditions).

  1. ANIME

  2. Anime.js

    • librairie

    • javascript

    Simplification de la création d'animations en javascript.

  1. EXPRS

  2. Express.js

    • paquet

    • javascript

    Gestion des routes et des différents paramètres du serveur.

  1. SRVL

  2. ScrollReveal

    • librairie

    • javascript

    Animation d'apparition des éléments de la page lors du défilement.

  1. IMP

  2. Img-previewer

    • librairie

    • javascript

    • css

    Système d'agrandissement des images affichées sur la page de détails des projets.

  1. FI

  2. Flaticon

    • site

    Site depuis lequel j'ai tiré la majorité des icones de ce site.

  3. Attribution

    Icons made by Freepik & Vitaly Gorbachev & Pixel perfect from www.flaticon.com

  1. NODE

  2. Node.js

    • application

    • javascript

    Plateforme logicielle utilisée pour créer le serveur de ce site web.

  1. HRK

  2. Heroku

    • site

    • plateforme

    • service

    Ancien service d'hébergement utilisé pour ce portfolio : la version gratuite n'existe plus.

  1. FRB

  2. Firebase

    • plateforme

    • service

    • site

    Service d'éhbergement actuellement utilisé pour ce portfolio.