🎓 Projet réalisé dans le cadre du Programme Malakisi de DRC MIND - Ambassade des États-Unis en RDC. 🇺🇸 Project completed as part of the Malakisi Program by DRC MIND - U.S. Embassy in DRC.
Malakisi-Project est une réalisation pratique développée dans le cadre du prestigieux Programme Malakisi initié par DRC MIND en partenariat avec l'Ambassade des États-Unis en RDC.
Ce projet démontre la maîtrise des compétences suivantes :
- 🎨 Création d'interfaces web modernes et professionnelles
- 📱 Design responsive avec approche mobile-first
- 🧩 Utilisation avancée de Tailwind CSS
- ⚡ Performance et optimisation du code frontend
- Appliquer les principes du design responsive
- Maîtriser les classes utilitaires de Tailwind CSS
- Créer une interface utilisateur intuitive
- Optimiser l'expérience utilisateur (UX/UI)
- ✅ Layout responsive (mobile, tablette, desktop)
- ✅ Composants réutilisables (cartes, boutons, navigation)
- ✅ Grille flexible avec Tailwind CSS Grid
- ✅ Typographie soignée et hiérarchie visuelle
- ✅ Palette de couleurs cohérente et professionnelle
- ✅ Animations subtiles pour l'interaction utilisateur
- ✅ Formulaire de contact stylisé
- ✅ Navigation intuitive avec menu responsive
| Appareil | Breakpoint | Adaptation |
|---|---|---|
| Mobile | < 640px | Menu hamburger, colonnes empilées |
| Tablette | 640px - 1024px | Grille 2 colonnes |
| Desktop | > 1024px | Layout complet avec sidebar |
| Technologie | Rôle |
|---|---|
| HTML5 | Structure sémantique du contenu |
| Tailwind CSS 3.x | Framework CSS utilitaire pour le styling |
| CSS3 | Styles personnalisés et animations |
| JavaScript ES6+ | Interactivité et fonctionnalités dynamiques |
| Font Awesome | Icônes vectorielles |
# 1. Cloner le dépôt
git clone https://github.com/cosmas-webdev/Malakisi-Project.git
cd Malakisi-Project
# 2. Ouvrir dans le navigateur
# Option 1 : Double-cliquer sur index.html
# Option 2 : Utiliser Live Server (VS Code)
# Option 3 : Lancer un serveur local
php -S localhost:3000
# Puis ouvrir http://localhost:3000