Développeur Full-Stack & Mobile Passionné Je suis un développeur expérimenté, spécialisé dans la création de solutions web et mobiles modernes et performantes. Avec une solide expertise en technologies front-end et back-end, j'ai eu l'opportunité de travailler sur divers projets innovants, allant des applications mobiles aux systèmes web complexes.
Développement Front-End
Conception d'interfaces utilisateur modernes et responsives avec React, Next.js, et React Native. Maîtrise de frameworks de design comme TailwindCSS, DaisyUI, et Material Design. Intégration d'animations fluides avec Framer Motion et Flowbite.
Développement Back-End
Implémentation de systèmes complexes avec Node.js, Express, et PHP. Intégration de bases de données relationnelles (PostgreSQL, MySQL) et non relationnelles (MongoDB). Utilisation d'ORMs performants comme Prisma pour simplifier la gestion des bases de données.
Développement Mobile
Création d'applications mobiles cross-platform avec React Native et Expo. Intégration de fonctionnalités comme la messagerie en temps réel et la gestion des utilisateurs.
Authentification & Paiement
Mise en œuvre de systèmes sécurisés avec Clerk pour l'authentification. Intégration de solutions de paiement comme Stripe (mode test et production).
Autres compétences
Génération de documents PDF dynamiques et responsive (version web). Développement de solutions CRM et outils de gestion personnalisés. Conception de systèmes de messagerie intégrés et en temps réel.
Bienvenue dans ce projet de gestion de factures, une application web moderne et responsive conçue avec TypeScript et Next.js. Ce projet met en œuvre des fonctionnalités essentielles pour créer, lire, mettre à jour et supprimer des factures, tout en offrant une expérience utilisateur fluide et intuitive.
Points forts du projet Gestion complète des factures : Chaque utilisateur authentifié peut créer des factures personnalisées, en renseignant les informations du client, du propriétaire et des détails spécifiques à la facture.
Téléchargement en PDF : Les utilisateurs peuvent exporter leurs factures au format PDF directement depuis l'application, ce qui facilite la gestion documentaire.
Interface responsive et moderne : Conçue avec Daisy UI et TailwindCSS, l'application offre un design élégant et une compatibilité sur tous les appareils (ordinateurs, tablettes, smartphones).
Technologies utilisées Frontend Next.js : Framework React pour la création de l'application web. TypeScript : Sécurité et lisibilité du code grâce à un typage statique puissant. Daisy UI : Composants UI prêts à l'emploi basés sur TailwindCSS pour un style rapide et cohérent. Backend Prisma : ORM moderne pour gérer efficacement les bases de données. Clerk : Système d'authentification robuste et sécurisé pour gérer les utilisateurs. Fonctionnalités clés CRUD complet : Gestion des factures avec les actions Créer, Lire, Mettre à jour et Supprimer. Authentification sécurisée : Chaque utilisateur accède uniquement à ses propres données grâce à Clerk. Génération PDF : Intégration pour exporter facilement des factures professionnelles. Compatibilité responsive : Une expérience utilisateur optimisée, quel que soit l'appareil utilisé.
Aperçu Créer et gérer vos factures n'a jamais été aussi simple ! Voici un aperçu des fonctionnalités principales :
Authentification sécurisée pour protéger vos données. Une interface conviviale pour créer et modifier vos factures. Téléchargement facile des factures en PDF.
Ce projet est un site web conçu pour mettre en avant les services d'une entreprise avec un design moderne, des animations fluides et une navigation intuitive. Ce site offre une expérience utilisateur optimale grâce à une combinaison puissante de technologies front-end.
Points forts du projet Design professionnel et moderne : Le site est construit avec Material Design et TailwindCSS, offrant une interface propre et visuellement attrayante.
Animations immersives : Utilisation de Framer Motion pour ajouter des animations fluides, apportant une dimension interactive et engageante.
Compatibilité et performance : Le site est optimisé pour une navigation rapide et une expérience utilisateur fluide, sur tous les appareils (ordinateurs, tablettes, smartphones).
Technologies utilisées Frontend Next.js : Pour une architecture modulaire et un développement rapide. JavaScript : Pour un code dynamique et réactif. TailwindCSS : Pour une personnalisation rapide et un design responsive. Material Design : Pour des composants modernes et une interface utilisateur cohérente. Animation Framer Motion : Intégration d'animations pour enrichir l'expérience utilisateur et captiver l'attention des visiteurs.
Fonctionnalités clés Présentation des services : Une structure claire et intuitive pour présenter chaque service en détail. Design responsive : Le site s'adapte parfaitement à tous les types d'écrans. Animations engageantes : Des transitions et des effets animés qui rendent la navigation fluide et agréable. SEO-Friendly : Optimisation pour les moteurs de recherche afin de maximiser la visibilité en ligne.
Aperçu Ce site a été pensé pour offrir une navigation intuitive et une mise en valeur claire des services de l'entreprise :
Page d'accueil captivante avec animations pour engager les visiteurs dès leur arrivée. Présentation détaillée des services, accompagnée d'images et d'icônes personnalisées. Section contact pour permettre aux visiteurs de poser des questions ou de demander un devis.
Ce projet a été développé pour une entreprise afin de fournir un estimateur de revenus intégré à un processus de validation des paiements via Stripe. L'application combine des technologies modernes pour offrir une solution robuste et performante.
Points forts du projet
Estimateur de revenus interactif : Une interface intuitive permettant aux utilisateurs de calculer leurs revenus potentiels en fonction de paramètres personnalisables.
Intégration Stripe : Mise en place d'un processus de paiement sécurisé en mode test, utilisant l'API Stripe pour valider les transactions.
Base de données hybride : Une combinaison de MongoDB et PostgreSQL pour gérer les données efficacement selon leur nature.
Technologies modernes : Développé avec Next.js, garantissant des performances élevées, un rendu côté serveur (SSR) et une expérience utilisateur optimisée.
Technologies utilisées
Frontend Next.js : Framework React pour un développement rapide et performant. TailwindCSS : Pour un design responsive et moderne. Backend MongoDB : Gestion des données non structurées (par ex., sessions utilisateurs, logs). PostgreSQL : Gestion des données structurées et des transactions liées aux paiements. Stripe API : Processus de paiement sécurisé en mode test. Fonctionnalités clés Estimateur interactif : Les utilisateurs peuvent entrer des données et obtenir une estimation en temps réel de leurs revenus. Validation des paiements : Mise en œuvre d'un workflow complet pour simuler des transactions via Stripe. Optimisation des performances : Utilisation de Next.js pour un rendu côté serveur et une rapidité accrue. Interface responsive : Une expérience fluide sur desktop, tablette et mobile.
Aperçu Fonctionnalités principales en action :
Un estimateur dynamique pour fournir une valeur en temps réel. Un workflow de paiement Stripe pour tester les transactions et valider les scénarios de paiement. Une base de données hybride pour stocker et gérer efficacement toutes les données.
Ce projet a été conçu pour l'entreprise Radiant afin de mettre en avant son service de sécurité électronique, Safer. Le site offre une présentation claire et moderne des solutions proposées. Actuellement, le site est en mode maintenance pour des travaux internes visant à améliorer son contenu et ses fonctionnalités.
Points forts du projet Design professionnel et impact visuel : Une interface soignée et moderne, grâce à l'utilisation de TailwindCSS et Flowbite, pour offrir une expérience utilisateur fluide.
Animations immersives : Intégration de Framer Motion pour ajouter des animations engageantes et améliorer l'interactivité du site.
Compatibilité responsive : Le site est conçu pour être accessible sur tous les types d’appareils, garantissant une navigation optimale.
Technologies utilisées Frontend Next.js : Framework puissant pour un rendu côté serveur et des performances optimisées. TailwindCSS : Framework CSS moderne pour un design rapide et efficace. Flowbite : Composants UI réutilisables pour accélérer le développement. Animation Framer Motion : Création d'animations élégantes pour enrichir l'expérience utilisateur.
Mode maintenance Le site est actuellement en cours de travaux internes pour :
Améliorer le contenu existant et le rendre encore plus pertinent. Ajouter de nouvelles fonctionnalités pour répondre aux besoins croissants de l’entreprise. Garantir une sécurité et une fiabilité accrues pour les utilisateurs.
Aperçu Bien que le site soit actuellement en maintenance, voici les points clés de sa conception :
Page d'accueil dynamique présentant les services de sécurité électronique de Safer. Design minimaliste pour une navigation claire et intuitive. Transitions fluides entre les pages grâce à Framer Motion.
Ce projet est un site web conçu pour une organisation caritative. Il a pour objectif de présenter l’organisation, ses missions, et ses valeurs, tout en facilitant le recrutement de bénévoles grâce à un système d'enregistrement en ligne.
Points forts du projet Présentation de l'organisation : Une plateforme claire et professionnelle pour communiquer les objectifs et les activités de l'organisation.
Système d'enregistrement des bénévoles : Un formulaire interactif permettant aux utilisateurs de s'inscrire en tant que bénévoles. Les données sont sauvegardées dans une base de données sécurisée.
Design moderne et responsive : Le site est conçu avec HTML, TailwindCSS et JavaScript pour offrir une interface fluide et accessible sur tous les appareils.
Technologies utilisées Frontend HTML5 : Structure du site pour un rendu compatible et accessible. TailwindCSS : Design moderne et responsive, adapté aux standards actuels. JavaScript : Dynamisme et interactivité pour une meilleure expérience utilisateur. Backend PHP : Traitement des données du formulaire et interaction avec la base de données. Base de données SQL : Gestion des informations des bénévoles et des autres données nécessaires.
Fonctionnalités clés Page de présentation : Informations détaillées sur l'organisation, ses missions et ses projets. Système d'enregistrement des bénévoles : Un formulaire interactif permettant de recueillir les informations des volontaires. Base de données sécurisée : Sauvegarde des informations dans une base de données SQL. Compatibilité responsive : Adaptabilité parfaite sur tous les écrans, des mobiles aux ordinateurs.
Créez une base de données SQL et importez le fichier database.sql fourni. Mettez à jour les informations de connexion à la base de données dans le fichier PHP correspondant.
Aperçu Page d'accueil : Une présentation claire de l'organisation et de ses objectifs. Formulaire d'inscription : Un système simple et sécurisé pour permettre aux volontaires de s'enregistrer. Gestion des données : Les informations des bénévoles sont sauvegardées dans une base de données, avec possibilité d'extension pour une gestion avancée.
Ce projet est une application mobile conçue pour faciliter le covoiturage entre utilisateurs. L'objectif principal était de développer une interface front-end moderne et intuitive avec React Native et Expo.
Points forts du projet Design moderne et intuitif : Création d'une interface utilisateur conviviale et attrayante pour une navigation fluide.
Réactivité mobile : Optimisé pour des performances élevées sur les appareils iOS et Android grâce à React Native.
Développement rapide et efficace : Utilisation d’Expo pour simplifier le processus de développement et de déploiement.
Technologies utilisées Frontend React Native : Framework puissant pour développer des applications mobiles cross-platform. Expo : Environnement de développement optimisé pour React Native. UI/UX Design TailwindCSS (via StyleSheet) : Mise en œuvre d'un design responsive et cohérent en adaptant les principes de TailwindCSS. React Navigation : Gestion efficace de la navigation entre les écrans.
Fonctionnalités clés Recherche de trajets : Interface permettant aux utilisateurs de rechercher des trajets disponibles selon leur lieu de départ et destination. Inscription et connexion utilisateur : Écrans d'authentification pour garantir un accès sécurisé. Liste des trajets disponibles : Présentation claire des trajets disponibles avec des informations clés (nom du conducteur, prix, heure de départ, etc.). Responsive Design : Une expérience utilisateur optimisée sur différents appareils et tailles d'écran.
Aperçu Écran d'accueil Écran de messagerie Écran de Recherche Écran de publication des trajets Écran de profil utilisateur
Ce projet est une application mobile destinée aux artisans de Côte d’Ivoire. Elle vise à leur permettre de promouvoir leurs activités et de se faire connaître auprès du grand public grâce à un système digitalisé. L'application offre un espace centralisé pour connecter artisans et clients de manière fluide et efficace.
Points forts du projet
Plateforme dédiée aux artisans : Un outil innovant pour mettre en avant leurs services et accroître leur visibilité.
Système de gestion des utilisateurs : Création de comptes pour les artisans et les clients, facilitant les interactions entre les deux groupes.
Messagerie intégrée : Communication directe entre les clients et les artisans pour plus de réactivité et de personnalisation.
Technologies utilisées Frontend React Native : Framework pour développer des applications mobiles cross-platform performantes. Expo : Environnement simplifié pour le développement mobile. Backend Firebase : Gestion des utilisateurs, stockage des données et messagerie en temps réel. UI/UX Design TailwindCSS (via StyleSheet) : Un design moderne et responsive adapté aux mobiles. React Navigation : Navigation intuitive entre les différentes fonctionnalités de l'application.
Fonctionnalités clés Création de compte artisan :
Les artisans peuvent s'inscrire et créer un profil détaillé. Possibilité d’ajouter des informations telles que la spécialité, l'expérience, et des photos des services proposés. Publication de services :
Les artisans peuvent publier leurs services avec des descriptions, des tarifs, et des visuels attractifs. Les clients peuvent consulter ces publications pour choisir un artisan adapté à leurs besoins. Création de compte client :
Les clients peuvent créer un compte pour accéder à l'annuaire des artisans, sauvegarder leurs favoris et envoyer des messages. Recherche et sélection de services :
Une fonctionnalité de recherche avancée pour trouver des artisans par catégorie, localisation ou popularité. Messagerie en temps réel :
Communication directe et instantanée entre les artisans et les clients via une messagerie intégrée.
Aperçu Écran d’accueil : Découvrez les services proposés par les artisans. Écran de profil : Gérez vos informations personnelles (artisan ou client). Écran de messagerie : Communiquez directement avec les artisans ou les clients.