# ๐ FiveM Website Template โ Modern & Responsive ๐
๐ **Elevate your FiveM community with a sleek and feature-rich website!**
## ๐ Key Features:
โ **FULL OPEN SOUCE** ย - Edit anything as you wish
โ **Discord Authentication** โ Secure login using OAuth2
โ **Live Server Status** โ Real-time online players & status updates
โ **Dark & Modern Theme** โ Sleek UI with a responsive layout
โ **Editable Homepage & Wiki** โ Full control over your content
โ **Mobile-Friendly** โ Optimized for all devices
---
## ๐ Homepage Features:
๐ฎ **Live Player Count** โ Includes a capacity bar
๐ **Server Statistics** โ Live updates on performance
๐ฐ **News Section** โ Editable updates for players
๐ **Wiki Integration** โ Featured articles for easy access
๐ **Discord Integration** โ Quick access to your community
---
## ๐ก Server Status Page:
๐ **Player Count Graph** โ 24h online player statistics
๐ฅ **Online Players List** โ Live status of whoโs online
โก **Real-time Updates** โ Stay informed on server health
๐ **Peak Hours Display** โ Analyze traffic trends
---
## ๐ Wiki System:
๐ **Rich Text Editor** โ Format text, images, and videos
๐ผ๏ธ **Image & Gallery Support** โ Upload visuals with ease
๐ฅ **Video Embeds** โ Add YouTube or custom videos
๐ **Custom Tables** โ Organize data efficiently
๐ **FAQ & Alerts** โ Informative sections for players
๐ **Search Function** โ Quickly find relevant content
---
## ๐ง Admin Control Panel:
๐ **Discord ID-based Admin System** โ Secure access for staff
๐ **Live Homepage Editor** โ Modify content in real time
๐ **Wiki Management** โ Full control over knowledge base
---
## ๐๏ธ Technologies Used:
๐ป **Frontend:** HTML5, CSS3, JavaScript
โ๏ธ **Framework:** Bootstrap 5 & React.js
๐ง **Backend:** PHP & MySQL/JSON
๐ **Authentication:** Discord OAuth2
---
## ๐ Requirements:
๐ **Web Server** โ PHP 7.4+ & MySQL
๐ **SSL Certificate** โ Required for Discord OAuth
๐ **MySQL/Write Permissions** โ Needed for data storage
๐ **Discord App Credentials** โ For login system
---
## ๐ฆ Installation Guide:
1๏ธโฃ **Upload Files** โ Place them on your web host
2๏ธโฃ **Configure Discord OAuth**
* Create an app on the Discord Developer Portal
* Add your **OAuth2 Redirect URLs**
* Copy **Client ID & Secret**
3๏ธโฃ **Edit config.php**
* Add **Discord Credentials**
* Set **Server & Admin IDs**
4๏ธโฃ **Set Up Web Server**
* Ensure **SSL is enabled** for login