A propos de moi

photo développeur react nodejs En tant que développeur web, j'ai accumulé 7 années d'expérience dans le domaine, où mon engagement a toujours été d'apporter mon assistance et de résoudre efficacement les problèmes de mes clients.Cette démarche constitue le cœur même de ma pratique professionnelle. En tant que travailleur indépendant, je suis régulièrement sollicité par des clients rencontrant des difficultés diverses, et c'est grâce à mes compétences en développement que je suis en mesure de leur fournir des solutions adaptées. Que ce soit pour accroître leur présence en ligne, promouvoir des produits ou optimiser leurs processus quotidiens, le développement web s'avère être une réponse fiable et versatile.

Mes débuts dans le développement ont été marqués par une expertise en PHP et WordPress, mais ma passion m'a rapidement conduit vers le domaine du JavaScript. Ce langage, à lui seul, offre une palette étendue de possibilités pour la création d'interfaces web et mobiles fluides et réactives. Ainsi, j'ai investi du temps et des efforts dans l'apprentissage et la maîtrise de technologies telles que React, Next.js et React Native, tout en explorant des outils complémentaires tels que Node.js, MongoDB et Supabase.

Dans un souci constant d'amélioration, j'ai récemment entrepris de perfectionner mes compétences en matière de développement de clean code. À cette fin, j'ai suivi des formations spécialisées sur des technologies telles que TypeScript et Jest. TypeScript, notamment, renforce la robustesse de mes réalisations grâce à son système de typage avancé, tandis que Jest s'avère être un allié précieux pour la mise en œuvre de tests unitaires rigoureux. Je demeure également engagé dans une démarche continue de veille technologique, cherchant à approfondir mes connaissances sur les dernières évolutions de JavaScript et de ses frameworks associés, tout en cherchant constamment à perfectionner la qualité de mon code.

profil developpeur react nodejs

Compétences

Développement Front-end

Intégration de maquette et animations d'une application web. Récupération et intégrations de données depuis une API. Manipulation du DOM. Création d'interface Mobile. Création d'application mobile. Optimisation du code grâce au clean code.

Environnement

Un bon environnement de travail est essentiel pour mener un projet dans de bonnes conditions et permet de gagner un temps précieux dans le développement web. Pour cela j'utilise les logiciels suivant:

Editeur de texte : Visual Studio Code
Versioning : Git et Github/Gitlab
Boards : Trello et Jira
Organisation : Notion Création d'api : Postman
Database : PhpMyAdmin, MongoDBCompas, Supabase
Communication : Skype, Slack, Discord
Autre : Google Drive, Figma

logo html

HTML/CSS

La base éssentiels à tout projet web, J'utilise Grid CSS et Flexbox et Less

logo bootstrap

Framework Front

Bootstrap, Materialize ou encore TailwindCSS pour un design rapide

logo Javascript

Javascript/Typescript

Typage des données pour une application robuste

logo React

ReactJS/NextJS

Très puissant pour des interface web dynamique et perfomantes

logo Mobile

React Native

Développement d'application mobile multiplateforme

logo MongoDb

Database

Manipulation de données avec MySQL, MongoDB ou Supabase

logo node

NodeJS/ExpressJS

Permet de concevoir des applications performantes, un serveur web ou une API

logo Jest

Jest

Framework de test utilisé avec Node.js, TypeScript et React

logo PHP

PHP

Le langages back le plus populaire, le premier que j'ai appris

Logo Symfony

Framework Back

Symfony, CodeIgniter sont de puissants framework back-end

Mon Portfolio

projet mern react nodejs

Raccount - Réseau social

Raccount est un projet que j'ai réalisé à la suite de mon apprentissage de la stack MERN. Il est donc composé de MongoDB pour la base de données NoSQL, Express et Node.js pour le back-end, et React pour la partie front-end. J'utilise également React Router Dom pour le routage.
Pour l'authentification, j'ai utilisé JSON Web Token (JWT) dans un middleware pour vérifier l'utilisateur lors des transferts d'informations entre le front et le back. Pour le style, c'est Sass qui est utilisé. Le projet est responsive.

Fonctionnalités :

  • Connexion/Inscription
  • Création, Modification et suppression de posts avec contenu texte, image, vidéo
  • Création, Modification et suppression de commentaire
  • Like/Dislike
  • Ajout et suppression d'amis

projet javascript react

Qinder - Vote pour les meilleures images

Qinder est un projet qui m'a été demandé comme test pour entrer dans une entreprise en tant que développeur front React. Pour cela, j'ai créé une API en PHP utilisant la programmation orientée objet (POO) que j'appelle depuis mon front créé en React via la librairie Axios. Le projet est responsive.

Fonctionnalités :

  • Affichage d'une image au hasard
  • Like/Dislike d'une image
  • Classement des images
  • Rechargement en douceur (Smooth Reloading)
  • Appel à une API

projet javascript react

Calculator - Calculatrice Windows

Ce projet consiste en la reproduction d'une calculatrice Windows sous React. La partie délicate aura été l'enchaînement des calculs (Si je ne mets pas de chiffre et que je clique sur plus, je reprends l'ancien) ainsi que l'utilisation des types.À l'époque, je n'utilisais pas TypeScript et cela m'aurait été bien utile.

Fonctionnalités :

  • Calculs tels qu'une calculatrice
  • Fonction de clic sur les touches
  • Historique des calculs

projet typescript react course goals

React Rourse Global - Typescript et React

Ce projet m'a permis d'apprendre à utiliser Typescript avec react et ses hooks ainsi que les formulaires. On y retrouve des types de React tels que PropsWithChildren et HTMLInputElement, en plus des types simples et types de fonction.

Fontionnalités:

  • Travailler sur React avec Typescript
  • Création de nouveaux objectifs
  • Suppression des objectifs
  • Notification si aucun ou trop d'objectifs

projet typescript react timers

React Timer - Polymorphisme et Context

En faisant ce projet, j'ai étendu mes connaissances en TypeScript. En me formant sur Udemy, j'ai appris à typer des concepts avancés de React tels que le polymorphisme, en utilisant "as" dans mes composants, mais aussi les types des variables utilisants les customs hook ou useContext. Ce projet m'a permis d'approfondir TypeScript à travers un générateur de minuteurs.

Fonctionnalités :

  • Polymorphisme
  • Typages de customs hooks et useContext
  • Ajout d'un ou plusieurs minuteurs
  • Arrêt des minuteurs
  • Suppression des minuteurs

projet typescript react blog

Blog Post - TypeScript et récupération de données

Dans ce projet, j'ai utilisé le hook useEffect pour récupérer les données d'une API de blog et j'ai utilisé TypeScript pour typer ces données. J'ai également géré le typage des chargements et des erreurs que cette API pouvait me renvoyer. Tout se passe donc dans le front, le but de ce projet étant d'apprendre à typer le résultat d'un appel API et non de créer un véritable blog où il est possible de poster.

Fonctionnalités :

  • Récupération des données d'une API
  • Typage des données d'une API
  • Utilisation de TypeScript et useEffect
  • Gestion des Sides Effects avec TypeScript
  • Affichage des articles d'un blog

projet typescript react ecommerce

Ecommerce - Typescript et Redux

Dans ce projet TypeScript, j'ai utilisé Redux pour la gestion du panier de ce e-commerce. Le but était de comprendre comment utiliser TypeScript avec React et Redux. J'y utilise par exemple les types TypedUseSelectorHook et PayloadAction de redux et redux Toolkit

Fontionnalités:

  • Connexion/Inscription
  • Création, Modification et suppression de posts avec contenu text, image, vidéo
  • Création, Modification et suppression de Commentaire
  • Like/Dislike
  • Ajout et Suppression d'amis

Contact

Vous avez un projet Web en tête,
souhaitez en savoir plus
sur moi et mes compétences,
où juste pour parler développement ?
remplissez le formulaire ci-contre !