Gaming Community Site

# 🎮 Gaming Community Website

A modern, interactive Gaming/e-sport Community website built with React.js, Next.js, and Tailwind CSS. Features include match tracking, clan management, activity feeds, achievements, and multi-language support.

## ✨ Features

### 🎯 Match / Stat Tracker
- **Recent Matches**: Last 10-20 matches with detailed statistics (kills, deaths, assists, map, timestamp)
- **Visualizations**: Interactive charts and graphs for performance tracking
- **Win/Loss Ratio**: Comprehensive statistics and KD ratio tracking
- **Map Heatmaps**: Visual representation of performance across different maps
- **Advanced Filtering**: Filter by time period, map, and game type
- **Animated Cards**: Smooth animations for each match with hover effects

### 👥 Clan / Team System
- **Clan Profiles**: Detailed clan information with banners and descriptions
- **Member Management**: Role-based system (Captain, Member, Recruit)
- **Join/Leave Functionality**: Easy clan management with admin controls
- **Team Statistics**: Aggregate match results and performance metrics
- **Member Rankings**: Individual player statistics within clans

### 📱 Activity Feed
- **Real-time Status**: Online/In-game/Offline indicators
- **Live Updates**: "User X is playing CS2 on de_dust2" style updates
- **Interactive Elements**: Like, comment, and emoji reactions
- **Smart Filtering**: Filter by friends, clan members, or all users
- **Gaming Activities**: Track what games and maps players are on

### 🏆 Achievement System
- **Dynamic Badges**: Unlockable achievements with progress tracking
- **Multiple Categories**: Match-based, performance-based, and community-based
- **Progress Bars**: Visual progress indicators for each achievement
- **XP Rewards**: Experience points for completing achievements
- **Rarity System**: Common, Rare, Epic, and Legendary achievements

### 🌍 Multi-Language Support
- **English**: Primary language
- **German**: Full translation support
- **Russian**: Complete localization
- **Language Switcher**: Easy toggle between languages
- **Context-aware**: All UI elements properly translated

## 🚀 Technology Stack

### Frontend
- **React 18**: Modern React with hooks and functional components
- **Next.js 14**: App router and server-side rendering
- **TypeScript**: Type-safe development
- **Tailwind CSS**: Utility-first CSS framework
- **Framer Motion**: Smooth animations and transitions