A propos de moi
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.
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
HTML/CSS
La base éssentiels à tout projet web, J'utilise Grid CSS et Flexbox et Less
Framework Front
Bootstrap, Materialize ou encore TailwindCSS pour un design rapide
Javascript/Typescript
Typage des données pour une application robuste
ReactJS/NextJS
Très puissant pour des interface web dynamique et perfomantes
React Native
Développement d'application mobile multiplateforme
Database
Manipulation de données avec MySQL, MongoDB ou Supabase
NodeJS/ExpressJS
Permet de concevoir des applications performantes, un serveur web ou une API
Jest
Framework de test utilisé avec Node.js, TypeScript et React
PHP
Le langages back le plus populaire, le premier que j'ai appris
Framework Back
Symfony, CodeIgniter sont de puissants framework back-end
Mon Portfolio
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
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
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
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
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
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
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 !