CMS pour les communautés Counter-Strike 2, permettant à leurs créateurs de gérer leur site web, créer des pages avec des widgets, un thème personnalisé et d'ajouter des fonctionnalités via des modules. Avec comme contrainte majeur, pouvoir faire tounrer l'application et son api sur n'importe quel hebergeur bas de gamme
Rôle :
Développeur Fullstack
Client :
Projet personnel
React
Tailwind CSS
PHP 8.3
Nginx
Apache 2
Supabase
MySQL
Fonctionnalités
- Constructeur de pages avec des Widgets
- Installation de modules en Post Build en un clic
- API REST en PHP 8 Vanilla pour le Core de l'application et les Modules
- Configuration Nginx et Apache 2 pour le serveur web
- Panneau d'administration pour gérer les nombreux aspects de l'application
- Design système inspiré de HeroUI basé sur Tailwind CSS packé dans une librairie
- Police d'icons Phoshpor, modifiée pour être plus légère et inclure des icones en plus
- Gestion des licences des modules payant via call API périodiques et ofuscation du code frontend
- Connexion avec Supabase pour les fonctionnalités en temps réel
- CLI complète pour démarrer le développement de modules et widgets en quelques secondes via des templates
Technologies Frontend
- React - Framework JavaScript
- TypeScript - Langage de programmation
- Tailwind CSS - Framework CSS utilitaire
- Framer Motion - Animations pour React
- Phosphor Icons - Bibliothèque d'icônes
- React Hook Form - Gestion des formulaires
- Embla Carousel - Carousel
- @dnd-kit - Drag & Drop toolkit pour React
- Zustand - State management pour React
- Tanstack Query - Gestion des requêtes API
- React Router - Gestion des routes
- i18next - Gestion des traductions
- React Grid Layout - Gestion des grilles
- Vaul - Gestion des Drawer
- Airbnb VisX - Bibliothèque de composants graphiques
- Monaco Editor - Éditeur de code
- Webpack - Bundler
- Module Federation - Gestion des modules