Application web complète pour une communauté Counter-Strike 2, disposant de serv eurs de jeux. Permettant ainsi, de retrouver les statistiques des serveurs et joueurs, classements, un magasin d'items en ligne, un inventaire interactif en temps réel et une loterie journalière.
Rôle :
Développeur Fullstack
Client :
CS2IDEAS.COM
React
Tailwind CSS
Next.js
Express
MySQL
Fonctionnalités
- Affichages des serveurs de jeu et leurs joueurs en temps réel
- Classements des serveurs et joueurs
- Magasin d'items en ligne
- Inventaire interactif en temps réel
- Profile des joueurs avec statistiques
- Comparaison des statistiques entre deux joueurs
- Skinchanger (en temps réel) - Chnager de skins d'armes sur le jeu depuis l'application web
- Loterie journalière avec raretés et prix en fonction de la valeur de l'item
- Dashboard admin pour gérer les serveurs, les items, les joueurs, etc...
- Patch notes pour les serveurs et l'application web reliés à une canal Discord via Webhooks
Technologies Frontend
- React - Bibliothèque pour créer des interfaces utilisateur
- React Router - Gestion des routes dans React
- Tailwind CSS - Framework CSS utilitaire
- Umami - Analytics RGPD compatible
- HeroUI - Composants UI
- Framer Motion - Animations pour React
- Zustand - Gestion d’état simple
- Tanstack Query - Gestion des requêtes et du cache
- React Hook Form - Gestion des formulaires
- i18next - Gestion des traductions
- Dayjs - Manipulation de dates
- Three.js - Bibliothèque 3D
Technologies Backend
- Node.js - Runtime JavaScript
- Express - Framework web minimaliste
- MySQL - Base de données
- Websockets - Communication en temps réel
- Discord OAuth2 - Authentification Discord
- Discord Webhooks - Envoi de messages sur Discord