Portfolio

No website
Link to project repo
Project Gallery

1/2

Github
JSDoc
React
Styled Components

Portfolio est un projet personnel visant à développer une application web en React en utilisant les compétences acquises à ce jour. Ce site documente également certaines de mes connaissances techniques, à partir d'une simple traduction d'une maquette en utilisant HTML5 & CSS3 et comprend également les éléments suivants : Création d'un site Web dynamique avec animation à l'aide de Sass; validation de formulaires à l'aide de JavaScript; création d'un site Web dynamique à l'aide de données provenant d'un fichier JSON; création d'un site accessible aux personnes malvoyantes; développement d'algorithmes de recherche; test et débogage à l'aide de Jest; identification des besoins et conception de l'interface utilisateur pour un client à l'aide de récits d'utilisateurs, de diagrammes de cas d'utilisation et de Figma; développement d'éléments graphiques avancés à l'aide de bibliothèques JavaScript; rédaction de documentation; interaction avec un service Web; interaction avec une API, modélisation et authentification auprès de celle-ci ainsi que mise en œuvre d'un gestionnaire d'état dans une application React.

Fonctionnalités

  • Une section contenant des cartes individuelles donnant un résumé de chaque projet.
  • Des liens pour prévisualiser le site web du projet et le code github.
  • Cliquer sur une carte redirige vers des informations supplémentaires.
  • Carrousel, pour interagir avec, montrant des images du projet.
  • Tags mettant en évidence les tech stacks utilisés.
  • Liste des fonctionnalités, contraintes et compétences acquises.
  • Un mode Jour/Nuit.
  • Bouton de défilement vers le haut.

Contraintes

  • L'utilisateur doit pouvoir lire le site en français ou en anglais.
  • N'utilisez pas de Framework (tel que I18next) pour le support multi-langue.
  • Coder le site en utilisant React.
  • Utilisez des styled-components.
  • Assurez-vous que le code est documenté correctement.
  • Le site doit être compatible avec les dernières versions de Chrome et Firefox.
  • Versionner le code avec Git.

Compétences

  • Développer des routes d'application web avec React Router
  • Initialiser une application web avec un framework
  • Créer des composants avec React
  • Assurer une application de qualité
  • Construire une application web à partir de zéro sans l'aide de maquettes
  • Design

Notes

Il n'y a pas d'aperçu du site web du projet puisque vous êtes déjà sur le site.