Portfolio Mokarina
Client : Mokarina
À propos du projet
Conception et réalisation d’un site web personnalisé permettant à l’artiste Mokarina de présenter ses œuvres de manière élégante et organisée. Le projet intègre un espace d’administration intuitif, offrant la possibilité de mettre en ligne, gérer et classer ses créations en toute autonomie.
Fonctionnalités
### 🖥️ Front-Office
- **Galerie de projets** : Affichage dynamique des projets à partir de données JSON.
- **Filtrage par catégories** : Tri interactif des projets (Tout, Graphisme, Illustration, Vidéo, Web Design, Divers).
- **Fiches projets détaillées** : Chaque œuvre dispose de sa propre page avec description, galerie d’images et/ou vidéos.
- **Pages statiques** : Intégration de pages À propos, Services et Contact.
- **Design responsive** : Expérience fluide sur mobile et desktop, avec navigation via menu burger.
- **Animations fluides** : Transitions animées à l’aide de la librairie GSAP.
---
### 🔐 Back-Office
- **Authentification sécurisée** : Accès restreint via un système de login pour l'administration.
- **Gestion des projets** :
- Ajout de nouveaux projets (titre, description, catégorie, upload d’images multiples, liens vidéo).
- Modification des projets existants.
- Suppression de projets.
- **Gestion des médias** : Upload et hébergement des fichiers image directement sur le serveur.
- **Galerie de projets** : Affichage dynamique des projets à partir de données JSON.
- **Filtrage par catégories** : Tri interactif des projets (Tout, Graphisme, Illustration, Vidéo, Web Design, Divers).
- **Fiches projets détaillées** : Chaque œuvre dispose de sa propre page avec description, galerie d’images et/ou vidéos.
- **Pages statiques** : Intégration de pages À propos, Services et Contact.
- **Design responsive** : Expérience fluide sur mobile et desktop, avec navigation via menu burger.
- **Animations fluides** : Transitions animées à l’aide de la librairie GSAP.
---
### 🔐 Back-Office
- **Authentification sécurisée** : Accès restreint via un système de login pour l'administration.
- **Gestion des projets** :
- Ajout de nouveaux projets (titre, description, catégorie, upload d’images multiples, liens vidéo).
- Modification des projets existants.
- Suppression de projets.
- **Gestion des médias** : Upload et hébergement des fichiers image directement sur le serveur.
Technologies
PHPHTML5CSS3JavaScriptJSONLibrairies JS : GSAP (Animations).