Add Your Own Groups In This Site.

Add New Group / Channel

Submit your group or channel to our directory

Format: https://chat.whatsapp.com/xxxxxxxxxx

Leave empty for default avatar

Recently Added

// ========== DATA ========== const categories = { whatsapp: ['Business', 'Education', 'Entertainment', 'Gaming', 'Health & Fitness', 'Shopping', 'Sports', 'Technology', 'Travel', 'General'], telegram: ['Business', 'Crypto', 'Education', 'Entertainment', 'Gaming', 'Movies', 'Music', 'News', 'Technology', 'General'], channel: ['Business', 'Crypto', 'Education', 'Entertainment', 'Gaming', 'Movies', 'Music', 'News', 'Sports', 'Technology'] }; const linkPatterns = { whatsapp: { regex: /^https:\/\/chat\.whatsapp\.com\/[A-Za-z0-9]{10,}$/, hint: 'Format: https://chat.whatsapp.com/AbCdEfGhIjK', placeholder: 'https://chat.whatsapp.com/...' }, telegram: { regex: /^https:\/\/(t\.me|telegram\.me)\/(joinchat\/[A-Za-z0-9_-]+|[+A-Za-z0-9_-]+)$/, hint: 'Format: https://t.me/groupname or https://t.me/joinchat/xxxxx', placeholder: 'https://t.me/...' }, channel: { regex: /^https:\/\/(t\.me|telegram\.me)\/[A-Za-z0-9_-]+$/, hint: 'Format: https://t.me/channelname', placeholder: 'https://t.me/...' } }; const platformColors = { whatsapp: { bg: '#25d366', text: 'WhatsApp' }, telegram: { bg: '#0088cc', text: 'Telegram' }, channel: { bg: '#ff6b35', text: 'Channel' } }; // Demo data let groups = [ { id: 1, name: 'Fashion Trends', platform: 'whatsapp', category: 'shopping', members: '2.4k', image: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=300&h=300&fit=crop' }, { id: 2, name: 'Programming Hub', platform: 'telegram', category: 'technology', members: '22.1k', image: 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=300&h=300&fit=crop' }, { id: 3, name: 'Food Recipes', platform: 'channel', category: 'entertainment', members: '12.8k', image: 'https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=300&h=300&fit=crop' }, { id: 4, name: 'Courses Mart', platform: 'whatsapp', category: 'education', members: '3.2k', image: null } ]; // ========== FUNCTIONS ========== function updateForm() { const platform = document.querySelector('input[name="platform"]:checked').value; const categorySelect = document.getElementById('category'); const telegramTypeDiv = document.getElementById('telegramTypeDiv'); const linkHint = document.getElementById('linkHint'); const inviteLink = document.getElementById('inviteLink'); // Show/hide telegram type telegramTypeDiv.classList.toggle('hidden', platform !== 'telegram'); // Update categories categorySelect.innerHTML = ''; categories[platform].forEach(cat => { const option = document.createElement('option'); option.value = cat.toLowerCase().replace(/\s+/g, '-'); option.textContent = cat; categorySelect.appendChild(option); }); // Update link hint const pattern = linkPatterns[platform]; linkHint.textContent = pattern.hint; inviteLink.placeholder = pattern.placeholder; } function createCard(group) { const color = platformColors[group.platform]; const catLabel = group.category.charAt(0).toUpperCase() + group.category.slice(1); const memberLabel = group.platform === 'channel' ? 'Subscribers' : 'Members'; let imageHtml; if (group.image) { imageHtml = `${group.name}`; } else { const colors = ['from-blue-600 to-purple-600', 'from-green-500 to-teal-500', 'from-orange-500 to-red-500', 'from-pink-500 to-rose-500']; const grad = colors[group.id % colors.length]; imageHtml = `
${group.name.charAt(0)}
`; } return `
${color.text}
${imageHtml}

${group.name}

${group.members} ${memberLabel} · ${catLabel}

`; } function renderGroups() { const grid = document.getElementById('previewGrid'); grid.innerHTML = groups.map(g => createCard(g)).join(''); } function resetForm() { document.getElementById('addGroupForm').reset(); document.getElementById('addGroupForm').classList.remove('hidden'); document.getElementById('successMessage').classList.add('hidden'); document.getElementById('submitBtn').disabled = false; document.getElementById('submitBtn').innerHTML = ` Submit Group / Channel`; updateForm(); } // ========== EVENT LISTENERS ========== document.getElementById('addGroupForm').addEventListener('submit', function(e) { e.preventDefault(); const platform = document.querySelector('input[name="platform"]:checked').value; const link = document.getElementById('inviteLink').value; const pattern = linkPatterns[platform]; // Validate link format if (!pattern.regex.test(link)) { alert('❌ Invalid invite link!\n\nExpected: ' + pattern.hint); document.getElementById('inviteLink').focus(); return; } // Validate required fields const name = document.getElementById('groupName').value.trim(); const category = document.getElementById('category').value; if (!name || !category) { alert('Please fill in all required fields.'); return; } // Loading state const submitBtn = document.getElementById('submitBtn'); submitBtn.innerHTML = ` Submitting...`; submitBtn.disabled = true; // Simulate API call setTimeout(() => { // Add to demo data const memberCount = document.getElementById('memberCount').value || '0'; const newGroup = { id: groups.length + 1, name: name, platform: platform, category: category, members: memberCount, image: document.getElementById('imageUrl').value || null }; groups.unshift(newGroup); // Add to top // Show success document.getElementById('addGroupForm').classList.add('hidden'); document.getElementById('successMessage').classList.remove('hidden'); // Update preview renderGroups(); // Reset button submitBtn.innerHTML = ` Submit Group / Channel`; submitBtn.disabled = false; }, 1500); }); // ========== INIT ========== document.addEventListener('DOMContentLoaded', () => { updateForm(); renderGroups(); });