Développeur Full-Stack & UI/UX Autodidacte

Bâtir des interfacesqui ont du sens.

Passionné, acharné et 100% autodidacte. Je transforme des idées complexes en applications web fluides et performantes.

En quelques chiffres
100%
Apprentissage Continu
0
Bootcamps, 100% Autodidacte
100k+
Lignes de code écrites
15+
Projets & Prototypes
Full-Stack
React · Node.js · TypeScript
Temps Réel
WebRTC · LiveKit · Socket.io
Sécurisé
OWASP · JWT · Auth2
CI/CD Ready
Vercel · Docker · GitHub Actions
 Services

Ce que je peux faire pour vous

Du design à la mise en production, je vous accompagne avec rigueur et passion à chaque étape de votre projet.

Développement Frontend

Interfaces modernes, réactives et accessibles construites avec React, Next.js et des animations soignées qui convertissent.

  • React / Next.js / Vite
  • Animations & micro-interactions
  • Responsive & accessibilité WCAG

Développement Backend

APIs robustes, sécurisées et scalables avec Node.js, Express et des bases de données adaptées à vos besoins.

  • Node.js / Express / REST & GraphQL
  • PostgreSQL · Convex · Redis
  • Auth JWT / OAuth2 / RBAC

Applications Temps Réel

Vidéo-conférence, chat live, tableaux blancs collaboratifs et tout ce qui demande des mises à jour instantanées.

  • WebRTC / LiveKit / Socket.io
  • Rooms & breakout sessions
  • Enregistrement & streaming HLS

Design UI/UX

Maquettes Figma haute-fidélité, design systems cohérents et prototypes interactifs pour valider vos idées rapidement.

  • Maquettes Figma haute-fidélité
  • Design system & tokens CSS
  • Tests utilisateurs & itération

Performance & Sécurité

Audit complet, optimisation des Core Web Vitals, sécurisation OWASP et revue de code pour des applications solides.

  • Lighthouse & Core Web Vitals
  • Protection OWASP Top 10
  • Code review & refactoring

Déploiement & DevOps

Mise en production automatisée, CI/CD, monitoring et scalabilité pour que votre application reste toujours en ligne.

  • CI/CD GitHub Actions
  • Vercel / Netlify / Docker
  • Monitoring & alertes Sentry
 Parcours

Comment Tout a Commencé

Mon parcours est fait de passion pure et de détermination.

L'Étincelle

La découverte du Web

Au commencement, c'était le besoin de comprendre comment fonctionnaient les sites web.

L'Immersion

Maîtrise du JavaScript & de l'UI

Le statique c'est bien, le dynamique c'est mieux. Plongée dans JavaScript et l'interactivité.

La Révolution

L'écosystème React & Modern web

Découverte de l'écosystème React et des outils modernes de développement.

L'Architecture

Le Back-End & Les Données

Pour construire de vrais produits, il faut maîtriser le back-end et les bases de données.

Aujourd'hui

Full-Stack & Ingénierie

Aujourd'hui, je crée des plateformes entières, du design à la production.

 Compétences

Mon Arsenal Technique

Des compétences acquises sur le terrain.

Front-End & UI
  • React / Next.js
  • Javascript / ES6+
  • Tailwind / Styled-Comp
  • HTML5 / CSS3
  • Framer Motion / GSAP
  • Zustand / Context API
Back-End & DB
  • Node.js / Express
  • PostgreSQL / SQL
  • Convex (BaaS)
  • APIs REST / Webhooks
  • WebRTC / LiveKit
  • JWT / OAuth / Auth
Outils & Workflow
  • Git / GitHub
  • Vite / Webpack
  • Figma / UX-UI Design
  • Vercel / Netlify
  • Postman / API Testing
  • VS Code / CLI Bash
 Stack technique

Technologies maîtrisées

Un panorama complet des outils et langages que j'utilise au quotidien pour construire des produits robustes.

Frontend
ReactNext.jsTypeScriptJavaScript ES2024HTML5CSS3Tailwind CSSStyled-ComponentsFramer MotionGSAPZustandReact QueryViteWebpackStorybook
Backend & BDD
Node.jsExpressNestJSPostgreSQLMySQLRedisConvexPrisma ORMDrizzleREST APIGraphQLWebSocketsJWTOAuth2Bcrypt
Temps Réel & Media
LiveKitWebRTCSocket.ioHLS StreamingCanvas APIFabric.jsOpenAI APIStripeWebhooksSSECRDTY.jsLiveblocks
DevOps & Outils
GitGitHubGitHub ActionsDockerVercelNetlifyAWS S3SentryPostmanFigmaVS CodeBashLinuxLighthouseOWASP ZAP
 Projets

Projets Majeurs & Réalisations

Plongez dans les détails de mes créations.

app.visioconnect.com
VisioConnect
Aperçu Live
Application SaaS Complète

VisioConnect Platform

Une infrastructure de visioconférence complète avec IA intégrée.

React.jsNode.jsLiveKitConvexTailwind CSS
dashboard.financeflow.io
Finance Dashboard
Aperçu Live
Big Data & Architecture

FinanceFlow Analytics

Une interface d'administration ultra-rapide pour l'analyse financière.

Next.jsTypeScriptPostgreSQLPrisma ORMRecharts
studio.nexusai.dev
AI Builder
Aperçu Live
Intelligence Artificielle

Nexus AI Studio

Un générateur de composants assisté par IA.

React.jsOpenAI APIExpressViteAI Engineering
 Méthode

Comment je travaille

Un processus éprouvé en 5 étapes pour transformer votre idée en produit fini, livré dans les délais et sans surprise.

01
Découverte
Analyse des besoins, objectifs, contraintes techniques et rédaction du cahier des charges.
02
Design
Maquettes Figma, wireframes, design system et validation visuelle avant tout code.
03
Développement
Code propre, composants réutilisables, commits Git réguliers et revues de code.
04
Tests & QA
Tests unitaires, cross-browser, optimisation Lighthouse, sécurité et corrections.
05
Livraison
Déploiement CI/CD, documentation technique, formation et support post-lancement.

Ma Philosophie du Code

Être autodidacte m'a appris la rigueur et l'exigence.

  • Qualité, Solidité & LisibilitéDu code propre, maintenable et bien documenté.
  • Performance PureOptimisation à chaque niveau pour une expérience fluide.
  • Focus sur l'Utilisateur Final (UX)L'utilisateur est au centre de chaque décision technique.
Code setup
100%Apprentissage Continu
Disponible pour de nouveaux projets

Prêt à donner vie
à votre projet ?

Que vous ayez besoin d'un site vitrine, d'une application web complexe, d'une API robuste ou simplement d'un conseil technique, je suis là pour vous accompagner de A à Z.

Réponse sous 24h · contact@visioconnect.pro
100%
Apprentissage Continu
0
Bootcamps, 100% Autodidacte
100k+
Lignes de code écrites
15+
Projets & Prototypes

Respect de votre vie privée

Nous utilisons des cookies pour assurer le bon fonctionnement du site, personnaliser votre expérience et analyser notre trafic. Vous pouvez choisir d'accepter ou de configurer vos préférences ci-dessous.En savoir plus.