Portfolio - Falou Badiane
Bienvenue sur mon portfolio professionnel ! Je suis un développeur web et spécialiste en automatisation passionné par la création de solutions web modernes et l’optimisation des processus.
🌐 Visite le Portfolio
📋 À Propos
Je suis un étudiant en BUT MMI (Métiers du Multimédia et de l’Internet) mes compétences en :
- Développement Web : React, TypeScript, Node.js, Express
- Automatisation : Python, Web Scraping, Workflows IA
- Design & UX : Figma, Responsive Design, SEO
- Bases de Données : MySQL, Drizzle ORM
🚀 Fonctionnalités du Portfolio
Pages Principales
- Accueil : Présentation personnelle et appel à l’action
- Projets : 7 projets détaillés avec technologies et descriptions
- Compétences : 50+ technologies organisées par catégorie
- À Propos : CV détaillé avec expérience et éducation
- Contact : Formulaire de contact avec envoi d’emails
Projets Présentés
- Festival Les Talents de l’IUT - Webdocumentaire interactif
- Site Web Institutionnel - Refonte complète d’un site universitaire
- Webdocumentaire Interactif - Expérience immersive multimédia
- Création d’un Jeu Vidéo - Développement avec Unity et C#
- Data Visualization & Géolocalisation - Application interactive de cartographie
- Back-Office de Gestion de Contenu - Système de gestion universitaire
- Station Numixs - Workflows Automatisation IA - Solutions d’automatisation d’entreprise
🛠️ Stack Technologique
Frontend
- React 19 - Framework UI moderne
- TypeScript - Typage statique
- Tailwind CSS 4 - Styling utilitaire
- Vite - Bundler haute performance
- shadcn/ui - Composants accessibles
Backend
- Express.js - Framework Node.js
- tRPC - RPC type-safe
- Drizzle ORM - ORM moderne
- MySQL - Base de données
Outils & Services
- Manus - Hébergement et déploiement
- GitHub Pages - Hébergement statique
- GitHub Actions - CI/CD automatisé
- Formspree - Gestion des formulaires
🎨 Design
Le portfolio utilise un design minimaliste moderne avec :
- Palette de couleurs : Bleu primaire (#0052CC), Cyan (#06B6D4), Blanc, Gris neutre
- Police : Rubik (Google Fonts)
- Approche : Espace blanc généreux, asymétrie intentionnelle, microinteractions fluides
📦 Installation & Développement
Prérequis
Installation
# Cloner le dépôt
git clone https://github.com/Badiane95/portfolio-falou-badiane.git
cd portfolio-falou-badiane
# Installer les dépendances
pnpm install
# Lancer le serveur de développement
pnpm dev
Build pour Production
# Compiler le projet
pnpm build
# Prévisualiser la build
pnpm preview
Tests
# Exécuter les tests vitest
pnpm test
📁 Structure du Projet
portfolio-falou-badiane/
├── client/ # Code frontend React
│ ├── src/
│ │ ├── pages/ # Pages principales
│ │ ├── components/ # Composants réutilisables
│ │ ├── lib/ # Utilitaires et hooks
│ │ └── index.css # Styles globaux
│ └── index.html # Point d'entrée HTML
├── server/ # Code backend Express
│ ├── routers.ts # Procédures tRPC
│ ├── db.ts # Requêtes base de données
│ └── _core/ # Infrastructure serveur
├── drizzle/ # Schéma et migrations DB
├── shared/ # Code partagé frontend/backend
└── dist/ # Build de production
🔄 Workflow de Développement
- Modifier le code dans
client/src/ ou server/
- Tester localement avec
pnpm dev
- Committer les changements :
git commit -m "Description"
- Pousser vers GitHub :
git push origin main
- GitHub Pages se met à jour automatiquement
- Email : [À ajouter]
- LinkedIn : [À ajouter]
- GitHub : https://github.com/Badiane95
- Portfolio : https://badiane95.github.io/portfolio-falou-badiane
📄 CV
Téléchargez mon CV complet depuis le portfolio : Falou-Badiane-CV.pdf
📝 Licence
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
🙏 Remerciements
- Manus - Plateforme d’hébergement et déploiement
- GitHub - Hébergement du code et GitHub Pages
- shadcn/ui - Composants UI accessibles
- Tailwind CSS - Framework CSS moderne
- React - Bibliothèque UI
🚀 Prochaines Améliorations
Créé avec ❤️ par Falou Badiane
Dernière mise à jour : Mars 2026