FiveM website template /w Editor, Wiki v1.0

Modern FiveM Community Website [OPEN SOURCE]

Core Features

• Discord Authentication
• Live Server Status & Player Count
• Modern Dark Theme
• Responsive Design
• Real-time Updates

Homepage

• Live Player Count with Capacity Bar
• Server Statistics
• Latest News Section
• Featured Wiki Articles
• Discord Integration

Server Status Page (/status.php)

• Player Count History Chart
• Current Online Players List
• Real-time Status Updates
• 24h Activity Graph
• Peak Hours Display

Wiki System

• Rich Text Editor
• Image Support & Galleries
• Video Embeds
• Custom Tables
• FAQ Sections
• Alert Boxes
• Mobile-friendly Layout
• Search Function

Admin Features

• Discord ID-based Admin System
• Homepage Live Editor
• Wiki Management
• Ticket Management
• Statistics Overview

Technologies Used [Over 8000 lines of code]

• Frontend: HTML5, CSS3, JavaScript
• React for Dynamic Components
• Bootstrap 5 Framework
• Backend: PHP
• Data: JSON Storage, MySQL
• Discord OAuth2

Setup Requirements

• Web Server with PHP 7.4+
• SSL Certificate (for Discord OAuth)
• MySQL database
• Discord Application Credentials

Installation Steps
1. Upload files to web server
2. Set up Discord Application
- Create at Discord Developer Portal
- Configure OAuth2 redirect URLs
- Copy Client ID and Secret
3. Configure config.php
- Set Discord credentials
- Adjust server settings
- Set admin Discord IDs
4. Set folder permissions (for json storage only)
- Make data/ writable
- Configure file uploads directory
5. Set up your web server
- Configure SSL
- Set up URL rewriting
- Configure PHP settings