{ title: 'ChatGPT', desc: 'Conversational idea generation and outlines for any topic.', link: 'https://chat.openai.com', contact: 'support@openai.com' }, { title: 'Notion AI', desc: 'Brainstorming and notes-to-ideas inside Notion workflows.', link: 'https://www.notion.so/product/ai', contact: 'support@notion.so' }, { title: 'Copy.ai', desc: 'Idea prompts and content clusters for campaigns.', link: 'https://www.copy.ai', contact: 'support@copy.ai' } // Load saved font/design from Firestore on page load (before content renders) (function() { { title: 'vidIQ', desc: 'YouTube analytics, keyword research, and topic suggestions.', link: 'https://vidiq.com', contact: 'support@vidiq.com' }, { title: 'TubeBuddy', desc: 'Channel optimization tools and video idea planner.', link: 'https://www.tubebuddy.com', contact: 'support@tubebuddy.com' }, { title: 'Jasper AI', desc: 'Script and title generation for video content.', link: 'https://www.jasper.ai', contact: 'support@jasper.ai' } // Initialize Firebase early to load font var firebaseConfig = { 'Improve SEO': [ { title: 'Surfer SEO', desc: 'On-page SEO optimization and content score suggestions.', link: 'https://surferseo.com', contact: 'support@surferseo.com' }, { title: 'Ahrefs', desc: 'Backlink analysis and keyword research platform.', link: 'https://ahrefs.com', contact: 'support@ahrefs.com' }, { title: 'SEMrush', desc: 'Comprehensive SEO toolkit for research and audits.', link: 'https://semrush.com', contact: 'support@semrush.com' } ], appId: "1:663603246486:web:9c556d371fcd52cad119b7" { title: 'AdCreative.ai', desc: 'AI ad creatives and thumbnails optimized for conversion.', link: 'https://adcreative.ai', contact: 'support@adcreative.ai' }, { title: 'Copy.ai', desc: 'Short-form ad copy variations and A/B ideas.', link: 'https://www.copy.ai', contact: 'support@copy.ai' }, { title: 'Jasper AI', desc: 'Headline and ad copy generation with tone controls.', link: 'https://www.jasper.ai', contact: 'support@jasper.ai' } if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); { title: 'Apollo.io', desc: 'Prospecting and outreach platform with contact discovery.', link: 'https://www.apollo.io', contact: 'support@apollo.io' }, { title: 'Clay', desc: 'Contact workflow and enrichment to build lead lists.', link: 'https://clay.earth', contact: 'support@clay.earth' }, { title: 'PhantomBuster', desc: 'Automated data scraping and lead extraction tools.', link: 'https://phantombuster.com', contact: 'support@phantombuster.com' } firebase.firestore().collection('siteSettings').doc('font').get() .then(function(doc) { { title: 'HubSpot', desc: 'CRM and campaign orchestration platform.', link: 'https://hubspot.com', contact: 'support@hubspot.com' }, { title: 'Notion AI', desc: 'Plan campaign briefs and content calendars inside Notion.', link: 'https://www.notion.so/product/ai', contact: 'support@notion.so' }, { title: 'ClickUp', desc: 'Project planning and marketing workflow management.', link: 'https://clickup.com', contact: 'support@clickup.com' } localStorage.setItem('rexol_site_font', savedFont); console.log('✅ Site font loaded from Firestore:', savedFont); { title: 'Hootsuite', desc: 'Schedule and manage posts across multiple platforms.', link: 'https://hootsuite.com', contact: 'support@hootsuite.com' }, { title: 'Buffer', desc: 'Social media scheduling and analytics.', link: 'https://buffer.com', contact: 'support@buffer.com' }, { title: 'Ocoya', desc: 'AI-powered social post creation with scheduling.', link: 'https://ocoya.com', contact: 'support@ocoya.com' } ], console.log('Font load error, using default:', err); }); 'Write Code': [ { title: 'GitHub Copilot', desc: 'AI pair programmer that suggests code and snippets.', link: 'https://github.com/features/copilot', contact: 'support@github.com' }, { title: 'ChatGPT', desc: 'Conversational coding help, explanations and examples.', link: 'https://chat.openai.com', contact: 'support@openai.com' }, { title: 'Codeium', desc: 'IDE integrations for code completions and accelerations.', link: 'https://codeium.com', contact: 'support@codeium.com' } ], var designPreset = doc.data().preset; { title: 'GitHub Copilot', desc: 'Assist with bug fixes and automated test suggestions.', link: 'https://github.com/features/copilot', contact: 'support@github.com' }, { title: 'Snyk', desc: 'Security scanning for vulnerabilities in code and deps.', link: 'https://snyk.io', contact: 'support@snyk.io' }, { title: 'DeepCode', desc: 'Static analysis tool for code quality and fixes.', link: 'https://www.deepcode.ai', contact: 'support@deepcode.ai' } document.documentElement.style.setProperty('--bg-glow-1', 'rgba(30, 64, 175, 0.14)'); document.documentElement.style.setProperty('--bg-glow-2', 'rgba(37, 99, 235, 0.08)'); { title: 'Replit', desc: 'Instant development environments and collaborative coding.', link: 'https://replit.com', contact: 'support@replit.com' }, { title: 'Vercel', desc: 'Deployments and hosting optimized for frontend frameworks.', link: 'https://vercel.com', contact: 'support@vercel.com' }, { title: 'Bolt.new', desc: 'Quick app scaffolding and shortcut for new projects.', link: 'https://bolt.new', contact: 'support@bolt.com' } } else if (designPreset === 'legacy') { document.documentElement.style.setProperty('--dark', '#080f1f'); { title: 'Postman', desc: 'API testing, mocking and documentation platform.', link: 'https://postman.com', contact: 'support@postman.com' }, { title: 'RapidAPI', desc: 'Discover and connect to public APIs quickly.', link: 'https://rapidapi.com', contact: 'support@rapidapi.com' }, { title: 'Pipedream', desc: 'Integrate APIs and build event-driven workflows.', link: 'https://pipedream.com', contact: 'support@pipedream.com' } document.documentElement.style.setProperty('--bg-glow-3', 'rgba(59, 130, 246, 0.08)'); document.documentElement.style.setProperty('--nav-bg', 'rgba(8, 15, 31, 0.88)'); { title: 'Bubble', desc: 'Visual web app builder with database & logic.', link: 'https://bubble.io', contact: 'support@bubble.io' }, { title: 'Webflow', desc: 'Designer-first no-code site builder with CMS.', link: 'https://webflow.com', contact: 'support@webflow.com' }, { title: 'Zapier', desc: 'Automations connecting apps without code.', link: 'https://zapier.com', contact: 'support@zapier.com' } if (doc.data().accentColor) { document.documentElement.style.setProperty('--primary', doc.data().accentColor); } 'Generate Images': [ { title: 'Midjourney', desc: 'Creative image generation from text prompts.', link: 'https://www.midjourney.com', contact: 'support@midjourney.com' }, { title: 'DALL·E', desc: 'Text-to-image model from OpenAI for creative assets.', link: 'https://openai.com/dall-e', contact: 'support@openai.com' }, { title: 'Leonardo AI', desc: 'High-quality image generation and assets for creators.', link: 'https://leonardo.ai', contact: 'support@leonardo.ai' } ], } { title: 'Remove.bg', desc: 'Automatic background removal for images.', link: 'https://www.remove.bg', contact: 'support@remove.bg' }, { title: 'Fotor', desc: 'AI photo editor and design tools.', link: 'https://www.fotor.com', contact: 'support@fotor.com' }, { title: 'Luminar AI', desc: 'AI-powered photo enhancement and editors.', link: 'https://skylum.com/luminar-ai', contact: 'support@skylum.com' } }); })(); { title: 'Runway', desc: 'Video editing and generative video tools.', link: 'https://runwayml.com', contact: 'support@runwayml.com' }, { title: 'Pictory', desc: 'Turn text into short videos and captions automatically.', link: 'https://pictory.ai', contact: 'support@pictory.ai' }, { title: 'Synthesia', desc: 'AI video generation and talking-head avatars.', link: 'https://www.synthesia.io', contact: 'support@synthesia.io' } !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? { title: 'Figma', desc: 'Collaborative interface design and prototyping.', link: 'https://www.figma.com', contact: 'support@figma.com' }, { title: 'Uizard', desc: 'Rapid UI mockups from text or sketches.', link: 'https://uizard.io', contact: 'support@uizard.io' }, { title: 'Framer', desc: 'Interactive prototypes and production-ready sites.', link: 'https://www.framer.com', contact: 'support@framer.com' } t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', { title: 'Looka', desc: 'AI logo maker and brand kit creator.', link: 'https://looka.com', contact: 'support@looka.com' }, { title: 'Brandmark', desc: 'Logo generation and identity tools.', link: 'https://brandmark.io', contact: 'support@brandmark.io' }, { title: 'Canva', desc: 'Templates and quick branding assets.', link: 'https://www.canva.com', contact: 'support@canva.com' }

֎ AI Search Engine

Discover the AI you need

📊 My Dashboard

Total Posts

⚙️ Settings

👤 My Profile

Your profile visualization

👑 Website Owner

Built and managed by the owner of Rexol

👤 Display Name

Customize how your name appears on the site

🎨 Accent Color

Choose your preferred theme color

🌌 Background Color

Switch only the background style (theme colors stay as selected)

Brand Dark (Current)

Classic Blue (Previous)

🔔 Email Notifications

Receive updates about new AI tools and features

New AI tools in your favorite categories

Weekly newsletter digest

Submission status updates

📦 Export Your Data

Download all your data including favorites, submissions, and settings

🎨 Site Font (Admin Only)

Change the font for the entire website

✨ Premium UI Update (Admin Only)

Apply the latest cleaner UI improvements site-wide automatically

⚠️ Danger Zone

Permanently delete your account and all associated data

Explore by Use Case

// ===== SECURITY: XSS SANITIZATION ===== function sanitizeInput(input) { if (typeof input !== 'string') return input; var div = document.createElement('div'); div.textContent = input; return div.innerHTML; } function sanitizeHTML(html) { if (typeof html !== 'string') return html; return html .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/"/g, '"') .replace(/'/g, ''') .replace(/\//g, '/'); } function validateEmail(email) { var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return emailRegex.test(email) && email.length <= 254; } function validateUrl(url) { try { var parsed = new URL(url); return ['http:', 'https:'].includes(parsed.protocol); } catch (e) { return false; } } function validateInputLength(input, maxLength) { return typeof input === 'string' && input.length <= maxLength; } // Rate limiting for form submissions var rateLimiter = { attempts: {}, maxAttempts: 5, windowMs: 60000, // 1 minute isLimited: function(action) { var now = Date.now(); if (!this.attempts[action]) { this.attempts[action] = { count: 1, firstAttempt: now }; return false; } var attempt = this.attempts[action]; if (now - attempt.firstAttempt > this.windowMs) { this.attempts[action] = { count: 1, firstAttempt: now }; return false; } attempt.count++; return attempt.count > this.maxAttempts; }, getRemainingTime: function(action) { if (!this.attempts[action]) return 0; var remaining = this.windowMs - (Date.now() - this.attempts[action].firstAttempt); return Math.ceil(remaining / 1000); } }; // ===== DECLARE ALL VARIABLES FIRST ===== var currentCategory = 'Writing & Text Generation AIs'; var isLoggedIn = false; var currentUser = null; var userContent = []; var db = null; var auth = null; var isSigningIn = false; var hasHandledRedirectResult = false; var pendingSubmissions = []; var compareList = []; var userFavorites = []; var toolRatings = {}; // Paddle var paddle = null; var paddleClientToken = 'live_5934ab9ba06946c5c356926a544'; var paddlePriceIds = { rexol_starter_monthly: 'pro_01kp89vpw05cgt3nerv1raqf2d', rexol_featured_monthly: 'pro_01kp89wysc822bbzvz0080sxqb', rexol_premium_monthly: 'pro_01kp89xbwvqdqy5ss514t7swqt' }; // Stripe var stripePublicKey = 'pk_test_51Si54HKDZG0hRHlQYeIul3Ot5KOMbRhk9DKVs7GWxOvXAHtJcq1MVbQqHecTgTnSVOq4xDbHGtMGgGcQGx16l8jC00WlMEjg34'; var isStripeTestMode = stripePublicKey.indexOf('pk_test_') === 0; var checkoutEndpoint = '/create-checkout-session'; var portalEndpoint = '/create-portal-session'; // FastSpring direct checkout URL (test storefront). Appends `sid` for submission tracking. var fastspringCheckoutUrl = 'https://rexolworld.test.onfastspring.com/upgrade-to-premium-1-99-mo-1-month-free-trial-details'; var stripe = null; var stripeElements = null; var cardElement = null; var paymentRequest = null; var currentPaymentSubmissionId = null; var isCheckoutInProgress = false; var startupPlanLookupKeys = { paid: 'rexol_featured_monthly', premium: 'rexol_premium_monthly' }; var toolFinancialStatusMap = { 'Jasper AI': 'paid', 'Copy AI': 'trial', 'DeepAI Text Generator': 'free', 'Undetectable AI': 'paid', 'Quillbot': 'trial', 'Stealth Writer': 'trial', 'Paraphraser.io': 'free', 'ZeroGPT': 'free', 'Originality AI': 'paid', 'Justdone': 'paid', 'Sapling AI': 'trial', 'Wordtune': 'trial', 'Quillbot Summarizer': 'trial', 'Resoomer': 'free', 'Grammarly': 'trial', 'ProWritingAid': 'trial', 'LanguageTool': 'free', 'GitHub Copilot': 'trial', 'Replit Ghostwriter': 'trial', 'Codium AI': 'trial', 'Amazon CodeWhisperer': 'trial', 'Trae': 'free', 'Builder AI': 'paid', 'Softr': 'trial', 'Glide': 'trial', 'Codeium Explain': 'trial', 'Midjourney': 'paid', 'DALL-E': 'paid', 'Leonardo AI': 'trial', 'Ideogram': 'trial', 'Fooocus': 'free', 'Remini': 'trial', 'Canva Magic Studio': 'trial', 'Fotor AI': 'trial', 'Stable Diffusion WebUI': 'free', 'Lensa AI': 'trial', 'Artbreeder': 'trial', 'Character AI (visuals)': 'trial', 'Ready Player Me': 'free', 'Looka': 'paid', 'Brandmark': 'paid', 'Hatchful by Shopify': 'free', 'Pika Labs': 'trial', 'Runway Gen-2': 'trial', 'Synthesia': 'paid', 'HeyGen': 'trial', 'AnimateDiff': 'free', 'Wondershare Filmora AI': 'trial', 'Descript': 'trial', 'OpusClip': 'trial', 'ComfyUI': 'free', 'Synthesia (Avatar)': 'paid', 'HeyGen (Avatar)': 'trial', 'Elai IO': 'trial', 'LivePortrait': 'free', 'Dubverse': 'trial', 'Veed IO': 'trial', 'MuseTalk': 'free', 'ElevenLabs': 'trial', 'Play HT': 'trial', 'Speechify': 'trial', 'Coqui TTS': 'free', 'OpenVoice': 'free', 'Voicify AI': 'paid', 'Resemble AI': 'trial', 'Whisper.cpp': 'free', 'Suno AI': 'trial', 'Udio': 'trial', 'Mubert': 'trial', 'Beatoven AI': 'trial', 'Krisp AI': 'trial', 'Adobe Podcast Enhance': 'trial', 'Ultimate Vocal Remover': 'free', 'Claude': 'trial', 'Gemini': 'trial', 'Intercom Fin': 'paid', 'Ada': 'paid', 'Drift AI': 'paid', 'Rasa': 'free', 'Pi AI': 'free', 'Replika': 'trial', 'Siri': 'free', 'Alexa': 'free', 'Poe Bots': 'trial', 'Quizlet Q-Chat': 'trial', 'Khanmigo': 'paid', 'Socratic': 'free', 'ChatGPT Edu': 'paid', 'Quizgecko': 'trial', 'Tinycards': 'free', 'AnkiGPT': 'trial', 'NotebookLM': 'free', 'Goblin Tools': 'free', 'Grammarly EDU': 'paid', 'Turnitin Draft Coach': 'paid', 'PaperRater': 'free', 'WolframAlpha': 'trial', 'Mathway': 'trial', 'Symbolab': 'trial', 'HuggingChat': 'free', 'Open WebUI': 'free', 'AnythingLLM': 'free', 'LM Studio': 'free', 'Aider': 'free', 'Continue': 'free' }; function getFinancialStatus(item) { if (!item || !item.title) return 'trial'; if (toolFinancialStatusMap[item.title]) { return toolFinancialStatusMap[item.title]; } var text = ((item.desc || '') + ' ' + (item.title || '')).toLowerCase(); if (/totally free|completely free|open source|open-source/.test(text)) return 'free'; if (/enterprise only|paid only|subscription required|premium only/.test(text)) return 'paid'; if (/trial|free plan|freemium|credits/.test(text)) return 'trial'; return 'trial'; } function getFinancialStatusUi(status) { if (status === 'free') { return { label: 'Totally Free', className: 'status-free' }; } if (status === 'paid') { return { label: 'Paid Required', className: 'status-paid' }; } return { label: 'Trial / Freemium', className: 'status-trial' }; } // Firebase config var firebaseConfig = { apiKey: "AIzaSyDgCEy_F2kNs0fXJLYgqTzpPnrwj7qiBOU", authDomain: "rexolwork.firebaseapp.com", projectId: "rexolwork", storageBucket: "rexolwork.firebasestorage.app", messagingSenderId: "663603246486", appId: "1:663603246486:web:9c556d371fcd52cad119b7", measurementId: "G-Y8CGCEYG17" }; // Defensive: Remove any duplicate/old initialization code above. All initialization is now handled in DOMContentLoaded below. // ===== INITIALIZE PAGE IMMEDIATELY ===== // Don't wait for Firebase - show content right away document.addEventListener('DOMContentLoaded', function() { console.log('🚀 DOM ready - initializing page...'); init(); applySavedSettings(); // Always render subcategories for home page renderSubcategories(); // Handle load-time routing for use-case pages try { handleUseCaseRoutingOnLoad(); } catch (e) { /* noop */ } }); // ===== INITIALIZE SERVICES ===== window.addEventListener('load', function() { console.log('🚀 Initializing services...'); // Initialize Paddle initPaddle(); // Initialize Stripe initStripe(); // Initialize Firebase (prevent double init) if (typeof firebase !== 'undefined') { try { if (!firebase.apps || !firebase.apps.length) { firebase.initializeApp(firebaseConfig); } auth = firebase.auth(); db = firebase.firestore(); if (!hasHandledRedirectResult) { hasHandledRedirectResult = true; auth.getRedirectResult() .then(function(result) { if (result && result.user) { console.log('Redirect sign-in successful'); } isSigningIn = false; localStorage.removeItem('rexol_login_pending'); }) .catch(function(error) { console.error('Redirect result error:', error); isSigningIn = false; localStorage.removeItem('rexol_login_pending'); if (error && error.code === 'auth/internal-error') { showToast('Google Sign-In failed with an internal error. Please try again.', 'error'); } }); } auth.useDeviceLanguage(); auth.setPersistence(firebase.auth.Auth.Persistence.LOCAL) .then(function() { console.log('✅ Auth persistence set to LOCAL'); }) .catch(function(error) { console.warn('⚠️ Could not set auth persistence:', error); }); console.log('✅ Firebase initialized'); // Load saved site font from Firestore db.collection('siteSettings').doc('font').get() .then(function(doc) { if (doc.exists && doc.data().font) { var savedFont = doc.data().font; document.documentElement.style.setProperty('--site-font', savedFont); localStorage.setItem('rexol_site_font', savedFont); console.log('✅ Site font loaded:', savedFont); } }) .catch(function(err) { console.log('No saved font setting found, using default'); }); // Load global design preset (admin-controlled) db.collection('siteSettings').doc('design').get() .then(function(doc) { if (doc.exists && doc.data().preset) { var preset = doc.data().preset; var accent = doc.data().accentColor || '#7c3aed'; localStorage.setItem('rexol_background_preset', preset); localStorage.setItem('rexol_accent_color', accent); applyBackgroundPreset(preset); applyAccentColor(accent); updateBackgroundPickerUI(preset); updateColorPickerUI(accent); console.log('✅ Site design preset loaded:', preset); } }) .catch(function() { console.log('No saved design preset found, using user/default settings'); }); // Initialize the page with default content if (document.getElementById('subcategoriesContainer')) { init(); console.log('✅ Page initialized'); } // Load saved content from Firestore db.collection('siteContent').doc('contentData').get() .then(function(doc) { if (doc.exists) { var savedContent = doc.data(); var cats = Object.keys(savedContent); for (var i = 0; i < cats.length; i++) { var category = cats[i]; if (contentData[category]) { var subs = Object.keys(savedContent[category]); for (var j = 0; j < subs.length; j++) { var subcategory = subs[j]; if (contentData[category][subcategory]) { contentData[category][subcategory] = savedContent[category][subcategory]; } } } } console.log('Content loaded from Firestore'); renderSubcategories(); } }) .catch(function(error) { console.log('No saved content found, using defaults'); }); // Setup Google Sign-In Provider var provider = new firebase.auth.GoogleAuthProvider(); provider.addScope('email'); provider.addScope('profile'); // Listen for auth state changes auth.onAuthStateChanged(function(user) { console.log('Auth state changed:', user ? user.email : 'null'); isSigningIn = false; if (user) { var userName = user.displayName || user.email.split('@')[0]; var userAvatar = user.displayName ? user.displayName.charAt(0).toUpperCase() : 'U'; currentUser = { name: userName, email: user.email, avatar: userAvatar, uid: user.uid, photoURL: user.photoURL }; isLoggedIn = true; console.log('Setting isLoggedIn to true, currentUser:', currentUser.name); closeLoginPage(); loadFavoritesFromStorage(); loadCompareFromStorage(); updateCompareBar(); updateAuthUI(); applySavedSettings(); renderSubcategories(); checkAdminInbox(); // Restore saved page on reload var savedPage = localStorage.getItem('rexol_currentPage'); if (savedPage === 'dashboard') { showDashboard(); } else if (savedPage === 'startups') { showStartups(); } showToast('Welcome, ' + currentUser.name + '!', 'success'); console.log('User signed in:', user.email); } else { currentUser = null; isLoggedIn = false; userFavorites = []; compareList = []; updateCompareBar(); updateAuthUI(); renderSubcategories(); checkAdminInbox(); console.log('User signed out'); } }); } catch (e) { console.error('❌ Firebase failed:', e); init(); // Initialize with default content even if Firebase fails } } else { console.warn('⚠️ Firebase not loaded'); init(); // Initialize with default content even if Firebase not available } }); var contentData = { 'Writing & Text Generation AIs': { 'AI Writers / Text Generators': [ {title: 'Jasper AI', desc: 'Free Ebook, Paraphrasing thing, AI Story, Text, Ad Copy, Email, FAQ Schema, Instagram Caption, Instagram Hashtagm Job Description, Linkedin Headline & Summary, Meta Description, Paragraph Rewriter, Personal Bio, Product Description, Recommendation Letter, Resignation Letter, Resume, Sentence Rewriter, Slogan Generator, Text Summarizer, Youtube Script Writer, Youtube Video Summarizer', link: 'https://www.jasper.ai/tools', contact: 'hey@jasper.ai', useCases: ['write-content','content-ideas','social-media-content']}, {title: 'Copy AI', desc: 'Free Marketing Mail, Instagram Caption, Cold, Outline, Paragraph, Description, Sentence Rewrite, Meta Description, Slogan, Content Idea, Email Subject Line, Website Call to Action, Sales Copy, Resignation Letter, Product Name, Linkedin Headline, Free Motto, Free Ad Copy, Free Hook, Instagram Hashtag, Business Name, Paraphrasing thing, Blog Post Idea, AI Story, Random Name Generator', link: 'https://www.copy.ai/tools',contact: 'legal@copy.ai', useCases: ['write-content','content-ideas']}, {title: 'DeepAI Text Generator', desc: 'Totally free text generation tool for brainstorming, short content writing, creative drafts, and quick idea expansion for students and workers', link: 'https://deepai.org/machine-learning-model/text-generator', contact: 'https://deepai.org/contact'}, ], 'Humanizer / Rewriter Tools': [ {title: 'Undetectable AI', desc: 'Advanced AI Humanizer: Humanize AI Text Instantly and Score as Human in Detectors Creation: AI Essay Rewriter, AI Essay Writer, Paraphrasing Tool, AI SEO Content Writer, AI Stealth Writer, Writing Style Replicator, AI Paragraph Generator, Paragraph Rewriter, AI Email Generator, Rewording Tool, Title Generator, Youtube Transcript, Bulk Scan — Education: AI Chatbot, AI Question Solver, AI Plagiarism Checker, Conclusion Generator, Citation Generator, APA Citation Generator, MLA Citation Generator, Math Solver — Careers: Smart Applier, Cover Letter Generator, Resume Generator, Business Name Generator — Solutions: AI Detector, AI Detector and Humanizer, AI Humanizer, Business Solutions, Human Typer, AI Text Watermark Remover, AI Image Detector, TruthScan, AI Voice Detector, Fake Receipt Detector — Productivity: Translator, Word Counter Character & Sentence Counter, Grammar Checker, Story Generator, Prompt Generator', link: 'https://undetectable.ai/ai-humanizer?promote-tool-onhumanize=true', contact: 'contact@undetectable.ai'}, {title: 'Quillbot', desc:'Paraphraser, Grammar Checker, AI Detector, Plag{iarism Checker, AI Humanizer, AI Chat, AI Image Generator, Summarizer, Translate, Citation Generator, QuillBot Flow', link: 'https://quillbot.com/ai-humanizer', contact: 'support@quillbot.com'}, {title: 'Stealth Writer', desc: 'Humanizer, AI Detector', link: 'stealthwriter.ai', contact: 'contact@stealthwriter.ai'}, {title: 'Paraphraser.io', desc: 'Totally free paraphrasing and sentence rewriting tool with multiple modes for students and professionals improving readability and clarity', link: 'https://www.paraphraser.io', contact: 'https://www.paraphraser.io/contact-us'} ], 'AI Writing Detectors': [ {title: 'ZeroGPT', desc: 'Totally free AI content detector for checking whether text appears human-written or AI-generated. Useful for educators and students reviewing essays, reports, and assignments', link: 'https://www.zerogpt.com', contact: 'support@zerogpt.com'}, {title: 'Originality AI', desc: 'AI Checker, Plagiarism Checker, Content Optimizer, Readability Checker, Bulk Scan, Grammar Checker, Fact Checker', link: 'https://originality.ai/ai-checker', contact: 'support@originality.ai'}, {title: 'Justdone', desc: 'AI Humanizer, Plagiarism Checker, Text Summarizer, AI Citation', link: 'https://justdone.com/ai-content-detector?utm_source=google&utm_medium=cpc&utm_campaign=22559092043&utm_content=180489509478&utm_adset_id=180489509478&utm_term=sapling%20ai%20content%20detector&utm_network=g&utm_matchtype=e&gad_source=1&gad_campaignid=22559092043&gbraid=0AAAAACl2HA3O1rVeYqiypkFWxo48qRmql&gclid=Cj0KCQjw9JLHBhC-ARIsAK4PhcqMNpacCz_TyHHierAwItvxAjFMSEJVreCAKzJtqH9LwWAL4pit5HgaAmmJEALw_wcB', contact: 'support@justdone.ai'}, {title: 'Sapling AI', desc: 'AI Detector - API / SDK, Grammar, AI Detection, Autocomplete, Snippets, Rephrase, Chat Assist', link: 'https://sapling.ai/ai-content-detector', contact: 'support@sapling.ai'} ], 'Summarizers / Paraphrasers': [ {title: 'Wordtune', desc: 'AI Text & Video Summarizer, Paraphrase, Rewrite, Read and Summarize, AI Writing (Rewrite), Grammar Checker, Humanize AI, Proofreading Tool', link: 'https://www.wordtune.com/summarizer', contact: 'help@wordtune.com'}, {title: 'Quillbot Summarizer', desc: 'Mainly Summarizer (Normally used for several tools)', link: 'https://quillbot.com/paraphrasing-tool', contact: 'support@quillbot.com'}, {title: 'Resoomer', desc: 'Totally free text summarizer that extracts main ideas from articles, study materials, and long documents for faster reading', link: 'https://resoomer.com', contact: 'https://resoomer.com/en/contact'} ], 'Grammar & Style Checkers': [ {title: 'Grammarly', desc: 'Grammar Checker, Plagiarism Checker, AI Agents, AI Detector, AI Humanizer, Citation Generator, Essay Checker, Paraphrasing Tool, AI Writing Tools, Tone Detector, Word Counter, Character Counter, Paragraph Counter, Sentence Counter, Style Guide, Snippets, Analytics, Brand Tones, Authorship, Citation Finder, AI Grader, Reader Reactions, Expert Review, Spell Checker, Sentence Checker, Punctuation Checker, Passive Voice Checker, Proofreader', link: 'https://app.grammarly.com/', contact: 'support@grammarly.com'}, {title: 'ProWritingAid', desc: 'Grammar, Spelling & Punctuation Check, Style & Writing Style Suggestions, Readability Check, Overused Words / Repeats / Echoes, Clichés & Redundancies, Sticky / Glue Words, Sentence Length / Variety, Transitions / Flow, Consistency Checks, Pronoun / Reference Use, Dialogue / Dialogue Tags, Sensory Report, Author Comparison / Style Matching, Custom Rules / Dictionary / Style Guides, Snippets / Text Reuse, Plagiarism Checker, Realtime Checker / Inline Suggestions, Multiple Reports, Integrations / App Compatibility, Learning / Help / Tutorials, Rephrase Tool / Paraphrasing / Rewrite Suggestions, Sparks (Sparks Edit & Sparks Inspire), Chapter Critique, Manuscript Analysis, Virtual Beta Reader', link: 'https://prowritingaid.com/', contact: 'hello@prowritingaid.com'}, {title: 'LanguageTool', desc: 'Totally free grammar and style checker for spelling, punctuation, and readability improvements across essays, emails, and professional writing', link: 'https://languagetool.org', contact: 'https://languagetool.org/legal/'} ] }, 'Coding & Developer AIs': { 'Code Generation AIs': [ {title: 'GitHub Copilot', desc: 'Code Completion, Copilot Chat, Coding Agent, Copilot CLI, Code Review Assistance, Pull Request Summaries, Text Completion in PR Descriptions, Copilot Edits, Custom Instructions, Copilot in GitHub Desktop, Copilot Spaces, Knowledge Bases, Multiple Models & Switching, Policy Management, Access Management, Usage Data / Analytics, Audit Logs, Excluding Files from Copilot', link: 'https://github.com/features/copilot', contact: 'https://support.github.com/', useCases: ['code-tools','build-apps']}, {title: 'Replit Ghostwriter', desc: 'Complete Code, Generate Code, Transform Code, Explain Code, Ghostwriter Chat, Support for Multiple Programming Languages, Integration into Replit IDE, Refactoring & Clean-up of Existing Code, Learning / Educational Support', link: 'https://replit.com/site/ghostwriter', contact: 'support@replit.com'}, {title: 'Aider', desc: 'Totally free and open-source AI coding assistant for terminal workflows. Helps developers refactor code, fix bugs, write tests, and handle multi-file edits directly in Git repositories', link: 'https://aider.chat', contact: 'https://aider.chat/docs/faq.html'}, {title: 'Continue', desc: 'Totally free and open-source coding assistant extension for VS Code and JetBrains. Supports local models, codebase chat, custom prompts, and autocomplete for student and worker productivity', link: 'https://continue.dev', contact: 'https://docs.continue.dev'} ], 'Bug Fixers / Code Reviewers': [ {title: 'Codium AI', desc: 'Qodo is an AI-powered code integrity platform that automates code review, generation, testing, and refactoring, integrating deeply with your codebase to ensure quality at every stage.', link: 'https://www.codium.ai', contact: 'info@qodo.ai'}, {title: 'Amazon CodeWhisperer', desc: 'Amazon CodeWhisperer offers real-time code suggestions, security scans, and support for multiple programming languages and IDEs, including AWS services integration.', link: 'https://aws.amazon.com/codewhisperer', contact: 'https://aws.amazon.com/contact-us/'}, {title: 'Trae', desc: 'Trae AI is an AI-powered IDE developed by ByteDance, featuring intelligent code completion, Builder Mode for project planning, conversational programming, and integration with advanced models like GPT-4o and Claude 3.7', link: 'https://www.trae.ai', contact: 'feedback@mail.trae.ai'} ], 'Low-Code / No-Code Builders': [ {title: 'Builder AI', desc: 'SBuilder.ai was an AI-powered platform that aimed to simplify app development by automating tasks such as feature assembly, pricing estimation, and project management', link: 'https://builder.ai', contact: 'info@builder.ai'}, {title: 'Softr', desc: 'Softr is a no-code platform that enables users to build custom AI-powered business applications, portals, and internal tools using a drag-and-drop interface, with integrations to various data sources like Airtable, Google Sheets, and MySQL', link: 'https://softr.io', contact: 'support@softr.io'}, {title: 'Glide', desc: 'Glide is a no-code platform that allows users to create custom mobile and web applications directly from spreadsheets, featuring drag-and-drop design, real-time data updates, and seamless integration with tools like Google Sheets, Airtable, and BigQuery', link: 'https://glideapps.com', contact: 'support@glideapps.com'} ], 'Code Explainers / Debuggers': [ {title: 'Codeium Explain', desc: 'Codeium is a free AI coding assistant that integrates seamlessly into your IDE, offering real-time code completion, in-editor AI chat, intelligent search, and codebase-aware suggestions across over 70 programming languages', link: 'https://www.codeium.com', contact: 'support@codeium.com'}, {title: 'LM Studio', desc: 'Totally free desktop app to run local AI models for offline STEM learning and project work. Useful for private tutoring, coding practice, and research without subscription costs', link: 'https://lmstudio.ai', contact: 'https://lmstudio.ai/support'} ] }, 'Image & Design AIs': { 'Text-to-Image Generators': [ {title: 'Midjourney', desc: 'idjourney is an AI text-to-image generator that turns prompts into high-quality visuals, with features like style control, image prompts, video generation, personalization, and versioning', link: 'https://www.midjourney.com/', contact: 'billing@midjourney.com'}, {title: 'DALL-E', desc: 'Generates images from text prompts, edits existing images (inpainting/outpainting), creates variations', link: 'https://openai.com/index/dall-e', contact: 'support@openai.com'}, {title: 'Leonardo AI', desc: 'Leonardo.Ai is an AI-powered platform for generating high-quality images, artwork, and short video clips, tailored for creative professionals and businesses', link: 'https://leonardo.ai', contact: 'support@leonardo.ai'}, {title: 'Ideogram', desc: 'Ideogram AI is a text-to-image generator specializing in creating legible text within images, offering features like batch generation, background editing, and style customization', link: 'https://ideogram.ai', contact: 'support@ideogram.ai'}, {title: 'Fooocus', desc: 'Totally free and open-source text-to-image generator focused on easy high-quality results. Great for students, creators, and workers who need visuals without paid subscriptions', link: 'https://github.com/lllyasviel/Fooocus', contact: 'https://github.com/lllyasviel/Fooocus/issues'} ], 'Image Editors / Enhancers': [ {title: 'Remini', desc: 'Discover new artists and trending playlists.', link: 'https://remini.ai', contact: 'support@remini.ai'}, {title: 'Canva Magic Studio', desc: 'AI tools inside Canva for batch-editing visuals, resizing designs, generating images/video, writing content, etc', link: 'https://www.canva.com/magic/', contact: 'support@canva.com'}, {title: 'Fotor AI', desc: 'Text-to-image & video generation, AI filters, background removal, enhancement, restyling, chat-driven image edits', link: 'https://www.fotor.com/ai-assistant/', contact: 'support@fotor.com'}, {title: 'Stable Diffusion WebUI', desc: 'Totally free and open-source local image generation and editing interface. Supports inpainting, outpainting, ControlNet, upscaling, and model customization', link: 'https://github.com/AUTOMATIC1111/stable-diffusion-webui', contact: 'https://github.com/AUTOMATIC1111/stable-diffusion-webui/issues'} ], 'Avatar / Character Creators': [ {title: 'Lensa AI', desc: 'One-tap retouching of portraits, trendy filters, avatar creation, background blur & object removal', link: 'https://lensa.app/', contact: 'help@lensa-app.com'}, {title: 'Artbreeder', desc: 'Blend and evolve images (“genes”) for portraits, landscapes & styles; public / private sharing; adjustable parameters', link: 'https://www.artbreeder.com/', contact: 'https://www.artbreeder.com/'}, {title: 'Character AI (visuals)', desc: 'Create & interact with AI visual characters / avatars; generate visuals for characters & storytelling', link: 'https://beta.character.ai', contact: 'support@character.ai'}, {title: 'Ready Player Me', desc: 'Totally free avatar creator for generating customizable 3D avatars usable in apps, games, and metaverse experiences', link: 'https://readyplayer.me', contact: 'https://readyplayer.me/contact'} ], 'Logo & Branding Tools': [ {title: 'Looka', desc: 'AI-powered logo maker + full brand identity tools (logo, brand kit, website, mockups, templates)', link: 'https://www.looka.com', contact: 'support@looka.com'}, {title: 'Brandmark', desc: 'Auto logo generation, editable mockups, export in major formats (SVG, PNG, PDF), full brand assets + brand guide, pay-once branding suite', link: 'https://brandmark.io', contact: 'https://brandmark.io/'}, {title: 'Hatchful by Shopify', desc: 'Totally free logo maker with AI-style guided branding presets for startups, creators, and small businesses', link: 'https://www.shopify.com/tools/logo-maker', contact: 'https://help.shopify.com'} ] }, 'Video & Animation AIs': { 'AI Video Creators': [ {title: 'Pika Labs', desc: 'AI text- or image-to-video generator with effects like “Pikaffects”', link: 'https://pika.art', contact: 'https://pika.art', useCases: ['grow-youtube-channel','content-ideas']}, {title: 'Runway Gen-2', desc: 'Multimodal AI system that can generate novel videos with text, images, or video clips. Features text-to-video, image-to-video, video-to-video, inpainting, motion brush, and camera controls for professional filmmaking', link: 'https://runwayml.com', contact: 'support@runwayml.com', useCases: ['grow-youtube-channel','write-content']}, {title: 'Synthesia', desc: 'AI video generation platform that creates professional videos from text using AI avatars and voiceovers in 130+ languages. Features 160+ diverse AI avatars, custom avatar creation, and one-click video translation', link: 'https://www.synthesia.io', contact: 'support@synthesia.io', useCases: ['grow-youtube-channel','write-content','social-media-content']}, {title: 'HeyGen', desc: 'AI video generator that creates engaging business videos with customizable AI avatars, text-to-speech in 40+ languages, video translation, and personalized video campaigns at scale', link: 'https://www.heygen.com', contact: 'support@heygen.com'}, {title: 'AnimateDiff', desc: 'Totally free and open-source animation framework for creating short AI videos from prompts and image sequences. Useful for educational explainers and creative social content', link: 'https://github.com/guoyww/AnimateDiff', contact: 'https://github.com/guoyww/AnimateDiff/issues'} ], 'Video Editors / Enhancers': [ {title: 'Wondershare Filmora AI', desc: 'Video editing software with AI-powered features including AI Copilot, AI text-to-video, AI thumbnail creator, AI music generator, smart cutout, motion tracking, auto reframe, and audio denoise', link: 'https://filmora.wondershare.com', contact: 'support@wondershare.com'}, {title: 'Descript', desc: 'All-in-one video and podcast editor featuring AI transcription, text-based editing (edit video by editing text), Overdub voice cloning, Studio Sound enhancement, filler word removal, and eye contact correction', link: 'https://www.descript.com', contact: 'support@descript.com'}, {title: 'OpusClip', desc: 'AI-powered video repurposing tool that transforms long videos into viral short clips. Features AI curation, auto-captioning, reframing, B-roll suggestions, and virality scoring for social media optimization', link: 'https://www.opus.pro', contact: 'support@opus.pro'}, {title: 'ComfyUI', desc: 'Totally free and open-source node-based workflow tool for AI image and video pipelines. Supports upscaling, animation workflows, and reusable templates for creators and teams', link: 'https://www.comfy.org', contact: 'https://github.com/comfyanonymous/ComfyUI/issues'} ], 'Avatar Video Tools': [ {title: 'Synthesia (Avatar)', desc: 'Create custom AI avatars from your own likeness or choose from 160+ diverse stock avatars. Supports personal avatar creation, express avatars from photos, and multi-language lip-sync capabilities', link: 'https://www.synthesia.io/features/avatars', contact: 'support@synthesia.io'}, {title: 'HeyGen (Avatar)', desc: 'Create personalized AI avatars with Instant Avatar (5 minutes of footage) or Studio Avatar (professional quality). Features avatar customization, gestures, and realistic expressions for brand videos', link: 'https://www.heygen.com/avatar', contact: 'support@heygen.com'}, {title: 'Elai IO', desc: 'AI video platform with 80+ diverse AI avatars, custom avatar creation from photos, voice cloning, and multi-language support. Ideal for training videos, marketing content, and personalized messages', link: 'https://elai.io', contact: 'support@elai.io'}, {title: 'LivePortrait', desc: 'Totally free and open-source portrait animation tool that turns a still face image into expressive avatar-style video motion', link: 'https://github.com/KwaiVGI/LivePortrait', contact: 'https://github.com/KwaiVGI/LivePortrait/issues'} ], 'Lip-Sync / Voiceover Tools': [ {title: 'Dubverse', desc: 'AI-powered video dubbing platform that translates and dubs videos into 30+ languages with natural-sounding AI voices, lip-sync technology, and human-like expressions for global content localization', link: 'https://dubverse.ai', contact: 'support@dubverse.ai'}, {title: 'Veed IO', desc: 'Online video editor with AI subtitles, auto-transcription in 100+ languages, text-to-speech, AI avatars, background noise removal, eye contact correction, and one-click video translation', link: 'https://www.veed.io', contact: 'support@veed.io'}, {title: 'MuseTalk', desc: 'Totally free and open-source real-time lip-sync model for high-quality talking-face videos from audio input', link: 'https://github.com/TMElyralab/MuseTalk', contact: 'https://github.com/TMElyralab/MuseTalk/issues'} ] }, 'Voice & Audio AIs': { 'Text-to-Speech (TTS)': [ {title: 'ElevenLabs', desc: 'Premier AI voice platform offering ultra-realistic text-to-speech, voice cloning from 1 minute of audio, voice design, multilingual support in 29 languages, and API for developers. Powers audiobooks, games, and accessibility tools', link: 'https://elevenlabs.io', contact: 'support@elevenlabs.io'}, {title: 'Play HT', desc: 'AI voice generator with 900+ natural-sounding voices in 142 languages. Features voice cloning, SSML support, pronunciation library, podcast hosting, and API integration for apps and websites', link: 'https://play.ht', contact: 'support@play.ht'}, {title: 'Speechify', desc: 'Text-to-speech app that reads any text aloud with natural AI voices. Features OCR for physical documents, Chrome extension, speed control up to 4.5x, celebrity voices, and cross-platform sync', link: 'https://speechify.com', contact: 'support@speechify.com'}, {title: 'Coqui TTS', desc: 'Totally free and open-source text-to-speech engine for creating natural voices. Good for teachers, students, and teams that need accessible audio without recurring fees', link: 'https://github.com/coqui-ai/TTS', contact: 'https://github.com/coqui-ai/TTS/issues'} ], 'Voice Cloning / Voice AI': [ {title: 'OpenVoice', desc: 'Totally free and open-source voice cloning model for instant voice style transfer and custom voice generation workflows', link: 'https://github.com/myshell-ai/OpenVoice', contact: 'https://github.com/myshell-ai/OpenVoice/issues'}, {title: 'Voicify AI', desc: 'AI voice conversion platform that transforms vocals into different voices. Create covers with AI voice models of artists, clone your own voice, and generate custom voice models for music production', link: 'https://voicify.ai', contact: 'support@voicify.ai'}, {title: 'Resemble AI', desc: 'Enterprise voice AI platform offering real-time voice cloning, neural text-to-speech, emotion control, localization in 149 languages, deepfake detection, and voice watermarking for security', link: 'https://www.resemble.ai', contact: 'support@resemble.ai'} ], 'Speech-to-Text (STT)': [ {title: 'Whisper.cpp', desc: 'Totally free and open-source local speech-to-text tool based on Whisper models. Useful for lecture notes, interview transcripts, meeting summaries, and offline transcription', link: 'https://github.com/ggerganov/whisper.cpp', contact: 'https://github.com/ggerganov/whisper.cpp/issues'} ], 'Music Generation': [ {title: 'Suno AI', desc: 'AI music generator that creates complete songs with vocals, instruments, and lyrics from text prompts. Features custom lyric input, style selection, song extension, and commercial licensing for creators', link: 'https://suno.ai', contact: 'support@suno.ai'}, {title: 'Udio', desc: 'AI music generation platform creating high-quality songs with realistic vocals across genres. Features text-to-music, inpainting for extensions, audio-to-audio transformation, and stem separation', link: 'https://www.udio.com', contact: 'support@udio.com'}, {title: 'Mubert', desc: 'AI-powered royalty-free music generator for content creators. Generates unique tracks based on mood, genre, and duration. Features API for apps, Mubert Studio for artists, and commercial licensing', link: 'https://mubert.com', contact: 'support@mubert.com'}, {title: 'Beatoven AI', desc: 'AI music composer for videos and podcasts. Creates customizable royalty-free music by selecting genre, mood, and instruments. Features track editing, mood timeline, and seamless video integration', link: 'https://www.beatoven.ai', contact: 'support@beatoven.ai'} ], 'Audio Enhancement / Noise Removal': [ {title: 'Krisp AI', desc: 'AI-powered noise cancellation app that removes background noise, voices, and echo in real-time during calls. Works with any conferencing app, features meeting transcription, and bot-free recording', link: 'https://krisp.ai', contact: 'support@krisp.ai'}, {title: 'Adobe Podcast Enhance', desc: 'Free AI audio enhancement tool that makes voice recordings sound professional. Removes background noise, echo, and reverb while enhancing speech clarity. One-click enhancement for podcasters and creators', link: 'https://podcast.adobe.com/enhance', contact: 'support@adobe.com'}, {title: 'Ultimate Vocal Remover', desc: 'Totally free and open-source AI audio separator for isolating vocals and instruments. Useful for educators, musicians, and creators preparing clean audio tracks', link: 'https://github.com/Anjok07/ultimatevocalremovergui', contact: 'https://github.com/Anjok07/ultimatevocalremovergui/issues'} ] }, 'Chatbots & Virtual Assistants': { 'General Chatbots': [ {title: 'Claude', desc: 'Anthropic AI assistant known for nuanced, thoughtful responses. Features extended context (200K tokens), document analysis, code generation, vision capabilities, and constitutional AI for safety', link: 'https://claude.ai', contact: 'support@anthropic.com'}, {title: 'Gemini', desc: 'Google multimodal AI assistant integrated with Google services. Features real-time information, image generation with Imagen, code execution, Google Workspace integration, and Android app support', link: 'https://gemini.google.com', contact: 'https://support.google.com/gemini'}, {title: 'HuggingChat', desc: 'Totally free community AI chat platform from Hugging Face. Useful for students, educators, and workers for brainstorming, writing help, summarization, and quick research support', link: 'https://huggingface.co/chat', contact: 'https://huggingface.co/contact'} ], 'Customer Support Bots': [ {title: 'Intercom Fin', desc: 'AI customer service agent that resolves 50%+ of support queries instantly. Learns from help center content, provides accurate answers with sources, seamless human handoff, and multilingual support', link: 'https://www.intercom.com/fin', contact: 'support@intercom.com'}, {title: 'Ada', desc: 'AI-powered customer service automation platform. Features no-code bot builder, integrations with CRMs, automated resolution, multilingual support in 50+ languages, and proactive customer engagement', link: 'https://www.ada.cx', contact: 'support@ada.cx'}, {title: 'Drift AI', desc: 'Conversational AI platform for B2B sales and marketing. Features AI chatbots, live chat, meeting scheduling, buyer intent data, personalized playbooks, and integration with Salesforce and HubSpot', link: 'https://www.drift.com', contact: 'support@drift.com'}, {title: 'Rasa', desc: 'Totally free and open-source conversational AI framework for building customer support bots with custom workflows and on-prem deployment', link: 'https://rasa.com', contact: 'https://rasa.com/contact/'} ], 'Personal Assistants': [ {title: 'Pi AI', desc: 'Personal AI companion by Inflection AI designed for friendly, empathetic conversations. Features emotional support, creative brainstorming, learning assistance, and natural voice conversations on mobile', link: 'https://pi.ai', contact: 'support@inflection.ai'}, {title: 'Replika', desc: 'AI companion chatbot that learns your personality and provides emotional support. Features customizable avatar, voice calls, AR experiences, journaling prompts, and memory of past conversations', link: 'https://replika.ai', contact: 'support@replika.ai'}, {title: 'Siri', desc: 'Apple voice assistant integrated across all Apple devices. Features voice commands, smart home control, shortcuts automation, on-device processing for privacy, and deep iOS/macOS integration', link: 'https://www.apple.com/siri/', contact: 'https://support.apple.com'}, {title: 'Alexa', desc: 'Amazon voice AI powering Echo devices and smart home. Features 100,000+ skills, smart home control, shopping, music streaming, routines, voice calling, and Matter smart home support', link: 'https://alexa.amazon.com', contact: 'https://www.amazon.com/hz/contact-us'} ], 'Custom Bots / Knowledge Bots': [ {title: 'Poe Bots', desc: 'Platform by Quora to create and share custom AI bots. Access multiple AI models (GPT-4, Claude, Gemini), create bots with system prompts and knowledge bases, and monetize through subscriptions', link: 'https://poe.com', contact: 'support@poe.com'}, {title: 'Open WebUI', desc: 'Totally free and open-source platform for building private AI workspaces and custom assistants. Great for schools and teams that want local or self-hosted AI with document chat and role-based access', link: 'https://openwebui.com', contact: 'https://docs.openwebui.com'}, {title: 'AnythingLLM', desc: 'Totally free and open-source tool to create AI knowledge bots from PDFs, notes, and internal documents. Helpful for educators, students, and workers needing searchable AI workspaces', link: 'https://anythingllm.com', contact: 'https://docs.anythingllm.com'} ] }, 'Education & Learning AIs': { 'Study Helpers / Tutors': [ {title: 'Quizlet Q-Chat', desc: 'AI tutor powered by ChatGPT integrated into Quizlet. Provides personalized study help, explains concepts in different ways, tests understanding with adaptive questions, and works with existing flashcard sets', link: 'https://quizlet.com/features/qchat', contact: 'support@quizlet.com', useCases: ['study-smarter','finish-assignments']}, {title: 'Khanmigo', desc: 'Khan Academy AI tutor powered by GPT-4. Features Socratic tutoring (guides without giving answers), writing coach, math help, debate partner, and teacher tools for lesson planning and progress tracking', link: 'https://www.khanacademy.org/khan-labs', contact: 'support@khanacademy.org'}, {title: 'Socratic', desc: 'Google AI-powered homework helper app. Take a photo of any question and get step-by-step explanations. Covers math, science, literature, social studies, and more with visual learning aids', link: 'https://socratic.org', contact: 'https://support.google.com/'}, {title: 'ChatGPT Edu', desc: 'OpenAI ChatGPT designed for universities with enterprise security. Features GPT-4o access, custom GPTs for courses, data privacy controls, group workspaces, and admin analytics for institutions', link: 'https://openai.com/chatgpt/education', contact: 'edu@openai.com'}, {title: 'NotebookLM', desc: 'Totally free AI research notebook by Google that helps students and educators summarize sources, generate study guides, and ask grounded questions from uploaded documents', link: 'https://notebooklm.google.com', contact: 'https://support.google.com/notebooklm'}, {title: 'Goblin Tools', desc: 'Totally free AI productivity toolkit for students and workers. Breaks big tasks into small steps, rewrites text tone, and supports planning for assignments, projects, and daily work', link: 'https://goblin.tools', contact: 'https://goblin.tools'} ], 'Flashcard / Quiz Generators': [ {title: 'Quizgecko', desc: 'AI quiz generator that creates quizzes, flashcards, and tests from any content. Paste text, upload documents, or input URLs. Features multiple question types, export to LMS, and AI grading', link: 'https://quizgecko.com', contact: 'support@quizgecko.com', useCases: ['study-smarter','summarize-documents']}, {title: 'Tinycards', desc: 'Visual flashcard app by Duolingo (now integrated into Duolingo). Features spaced repetition, image-based cards, community decks, and gamified learning with streaks and achievements', link: 'https://www.duolingo.com', contact: 'support@duolingo.com'}, {title: 'AnkiGPT', desc: 'AI-powered Anki flashcard generator that creates spaced repetition cards from any text, PDF, or topic. Features automatic cloze deletions, image occlusion, and direct sync with Anki desktop and mobile', link: 'https://ankigpt.com', contact: 'support@ankigpt.com'} ], 'Essay Evaluators / Feedback Tools': [ {title: 'Grammarly EDU', desc: 'Grammarly for educational institutions with advanced writing feedback. Features AI writing detection, plagiarism checking, citation assistance, style guides, and analytics dashboard for educators', link: 'https://www.grammarly.com/edu', contact: 'edu@grammarly.com'}, {title: 'Turnitin Draft Coach', desc: 'AI writing assistant integrated with Microsoft Word. Provides instant feedback on writing structure, citations, and originality before final submission. Helps students improve without instructor intervention', link: 'https://www.turnitin.com/products/draft-coach', contact: 'support@turnitin.com'}, {title: 'PaperRater', desc: 'Totally free essay evaluator with grammar checks, spelling suggestions, readability feedback, and automated scoring for student writing practice', link: 'https://www.paperrater.com', contact: 'https://www.paperrater.com'} ], 'STEM Solvers': [ {title: 'WolframAlpha', desc: 'Computational knowledge engine for math, science, and data. Solves equations step-by-step, plots graphs, analyzes data, and answers factual queries across physics, chemistry, engineering, and more', link: 'https://www.wolframalpha.com', contact: 'support@wolfram.com', useCases: ['study-smarter','finish-assignments']}, {title: 'Mathway', desc: 'AI math problem solver covering basic math to calculus. Snap a photo or type a problem for instant step-by-step solutions. Covers algebra, geometry, trigonometry, statistics, and linear algebra', link: 'https://www.mathway.com', contact: 'support@mathway.com'}, {title: 'Symbolab', desc: 'Advanced math solver with detailed step-by-step solutions. Features graphing calculator, practice problems, geometry solver, and interactive learning for calculus, algebra, trigonometry, and more', link: 'https://www.symbolab.com', contact: 'support@symbolab.com'}, {title: 'LM Studio', desc: 'Totally free desktop app to run local AI models for offline STEM learning and project work. Useful for private tutoring, coding practice, and research without subscription costs', link: 'https://lmstudio.ai', contact: 'https://lmstudio.ai/support'} ] } }; // Keep a copy of the original content so we can restore it when switching views var originalContentData = JSON.parse(JSON.stringify(contentData)); // Premium / Max edition content (replaces the default catalog for Max plan holders) var premiumContent = { 'Content & Writing': { 'Write Blog Posts': [ { title: 'Jasper AI', desc: '' }, { title: 'Copy.ai', desc: '' }, { title: 'Writesonic', desc: '' } ], 'Write Social Media Content': [ { title: 'Ocoya', desc: '' }, { title: 'Predis.ai', desc: '' }, { title: 'Copy.ai', desc: '' } ], 'Write Emails & Newsletters': [ { title: 'Lavender', desc: '' }, { title: 'Flowrite', desc: '' }, { title: 'Jasper AI', desc: '' } ], 'Improve Writing': [ { title: 'Grammarly', desc: '' }, { title: 'QuillBot', desc: '' }, { title: 'Wordtune', desc: '' } ], 'Generate Content Ideas': [ { title: 'ChatGPT', desc: '' }, { title: 'Notion AI', desc: '' }, { title: 'Copy.ai', desc: '' } ], 'Plan YouTube Content': [ { title: 'vidIQ', desc: '' }, { title: 'TubeBuddy', desc: '' }, { title: 'Jasper AI', desc: '' } ] }, 'Marketing & Growth': { 'Improve SEO': [ { title: 'Surfer SEO', desc: '' }, { title: 'Ahrefs', desc: '' }, { title: 'SEMrush', desc: '' } ], 'Write Ads': [ { title: 'AdCreative.ai', desc: '' }, { title: 'Copy.ai', desc: '' }, { title: 'Jasper AI', desc: '' } ], 'Get More Leads': [ { title: 'Apollo.io', desc: '' }, { title: 'Clay', desc: '' }, { title: 'PhantomBuster', desc: '' } ], 'Plan Marketing Campaigns': [ { title: 'HubSpot', desc: '' }, { title: 'Notion AI', desc: '' }, { title: 'ClickUp', desc: '' } ], 'Grow Social Media': [ { title: 'Hootsuite', desc: '' }, { title: 'Buffer', desc: '' }, { title: 'Ocoya', desc: '' } ] }, 'Development & Tech': { 'Write Code': [ { title: 'GitHub Copilot', desc: '' }, { title: 'ChatGPT', desc: '' }, { title: 'Codeium', desc: '' } ], 'Fix & Debug Code': [ { title: 'GitHub Copilot', desc: '' }, { title: 'Snyk', desc: '' }, { title: 'DeepCode', desc: '' } ], 'Build Apps Faster': [ { title: 'Replit', desc: '' }, { title: 'Vercel', desc: '' }, { title: 'Bolt.new', desc: '' } ], 'Work with APIs': [ { title: 'Postman', desc: '' }, { title: 'RapidAPI', desc: '' }, { title: 'Pipedream', desc: '' } ], 'No-Code Tools': [ { title: 'Bubble', desc: '' }, { title: 'Webflow', desc: '' }, { title: 'Zapier', desc: '' } ] }, 'Design & Media': { 'Generate Images': [ { title: 'Midjourney', desc: '' }, { title: 'DALL·E', desc: '' }, { title: 'Leonardo AI', desc: '' } ], 'Edit Photos': [ { title: 'Remove.bg', desc: '' }, { title: 'Fotor', desc: '' }, { title: 'Luminar AI', desc: '' } ], 'Make Videos': [ { title: 'Runway', desc: '' }, { title: 'Pictory', desc: '' }, { title: 'Synthesia', desc: '' } ], 'Design UI/UX': [ { title: 'Figma', desc: '' }, { title: 'Uizard', desc: '' }, { title: 'Framer', desc: '' } ], 'Make Logos & Branding': [ { title: 'Looka', desc: '' }, { title: 'Brandmark', desc: '' }, { title: 'Canva', desc: '' } ], 'Create Presentations': [ { title: 'Beautiful.ai', desc: '' }, { title: 'Tome', desc: '' }, { title: 'Gamma', desc: '' } ] }, 'Productivity & Study': { 'Study Smarter': [ { title: 'Quizlet', desc: '' }, { title: 'Socratic', desc: '' }, { title: 'ChatGPT', desc: '' } ], 'Finish Assignments Faster': [ { title: 'QuillBot', desc: '' }, { title: 'Grammarly', desc: '' }, { title: 'ChatGPT', desc: '' } ], 'Take Notes': [ { title: 'Notion', desc: '' }, { title: 'Evernote', desc: '' }, { title: 'Mem.ai', desc: '' } ], 'Summarize Text': [ { title: 'TLDR This', desc: '' }, { title: 'ChatGPT', desc: '' }, { title: 'QuillBot', desc: '' } ], 'Do Research': [ { title: 'Perplexity AI', desc: '' }, { title: 'Elicit', desc: '' }, { title: 'Consensus', desc: '' } ], 'Organize Work': [ { title: 'ClickUp', desc: '' }, { title: 'Trello', desc: '' }, { title: 'Notion', desc: '' } ] }, 'Business & Money': { 'Launch a Startup': [ { title: 'Stripe', desc: '' }, { title: 'Notion', desc: '' }, { title: 'Gumroad', desc: '' } ], 'Earn Online': [ { title: 'Gumroad', desc: '' }, { title: 'Shopify', desc: '' }, { title: 'Upwork', desc: '' } ], 'Manage Customers': [ { title: 'HubSpot', desc: '' }, { title: 'Intercom', desc: '' }, { title: 'Zendesk', desc: '' } ], 'Analyze Data': [ { title: 'Tableau', desc: '' }, { title: 'Power BI', desc: '' }, { title: 'Google Analytics', desc: '' } ], 'Automate Workflows': [ { title: 'Zapier', desc: '' }, { title: 'Make', desc: '' }, { title: 'n8n', desc: '' } ], 'Manage Finances': [ { title: 'QuickBooks', desc: '' }, { title: 'FreshBooks', desc: '' }, { title: 'Wave', desc: '' } ] } }; // View mode helpers: 'standard' or 'max' function applyPremiumContent() { try { contentData = JSON.parse(JSON.stringify(premiumContent)); renderCategories(); renderSubcategories(); } catch (e) { console.error('applyPremiumContent error', e); } } function restoreStandardContent() { try { contentData = JSON.parse(JSON.stringify(originalContentData)); renderCategories(); renderSubcategories(); } catch (e) { console.error('restoreStandardContent error', e); } } function updateViewModeUI() { var bMax = document.getElementById('viewMaxBtn'); var bStd = document.getElementById('viewStandardBtn'); var mode = localStorage.getItem('rexol_view_mode') || 'standard'; if (bMax) bMax.classList.toggle('active', mode === 'max'); if (bStd) bStd.classList.toggle('active', mode !== 'max'); } function setViewMode(mode) { try { localStorage.setItem('rexol_view_mode', mode); } catch (e) {} if (mode === 'max') applyPremiumContent(); else restoreStandardContent(); updateViewModeUI(); showToast('View switched to ' + (mode === 'max' ? 'Max edition' : 'Standard'), 'success'); } // Try to set view mode, but only allow Max for admin or purchased users. async function trySetViewMode(mode) { if (mode !== 'max') { setViewMode(mode); return; } var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (isAdmin) { setViewMode('max'); return; } // Check localStorage flag first try { var assigned = localStorage.getItem('rexol_assigned_startup_plan'); if (assigned === 'premium') { setViewMode('max'); return; } } catch (e) {} // If user signed in, check Firestore users doc for official assignment try { if (currentUser && window.db) { var uid = currentUser.uid || currentUser.email; var docRef = db.collection('users').doc(uid); var doc = await docRef.get(); if (doc.exists && doc.data() && doc.data().startupPlan === 'premium') { try { localStorage.setItem('rexol_assigned_startup_plan', 'premium'); } catch (e) {} setViewMode('max'); return; } } } catch (e) { console.warn('trySetViewMode firestore check failed', e); } // Not allowed — show purchase modal showToast('Max edition is available for premium purchasers. Please choose a plan.', 'error'); showStartupPlansModal(); } function loadViewMode() { try { var mode = localStorage.getItem('rexol_view_mode'); var assigned = localStorage.getItem('rexol_assigned_startup_plan'); if (!mode && assigned === 'premium') mode = 'max'; if (mode === 'max') applyPremiumContent(); else restoreStandardContent(); updateViewModeUI(); } catch (e) { console.warn('loadViewMode error', e); } } function init() { console.log('✅ init() called'); console.log('✅ contentData keys:', Object.keys(contentData).length); updateAuthUI(); // Force currentCategory to first available with items var cats = Object.keys(contentData); console.log('✅ Available categories:', cats); for (var i = 0; i < cats.length; i++) { var subcats = Object.keys(contentData[cats[i]]); for (var j = 0; j < subcats.length; j++) { if (contentData[cats[i]][subcats[j]] && contentData[cats[i]][subcats[j]].length > 0) { currentCategory = cats[i]; break; } } if (currentCategory === cats[i]) break; } console.log('✅ Current category set to:', currentCategory); renderCategories(); renderSubcategories(); updateSubcategoryOptions(); initFormHandlers(); checkPaymentStatus(); } function initFormHandlers() { // Category select change handler var categorySelect = document.getElementById('categorySelect'); if (categorySelect) { categorySelect.onchange = function() { currentCategory = categorySelect.value; updateSubcategoryOptions(); }; } // Add form submit handler var addForm = document.getElementById('addForm'); if (addForm) { addForm.onsubmit = submitContentForm; } var checkoutForm = document.getElementById('checkoutForm'); if (checkoutForm) { checkoutForm.onsubmit = handleCheckoutFormSubmit; } var billingPortalForm = document.getElementById('billingPortalForm'); if (billingPortalForm) { billingPortalForm.onsubmit = handlePortalFormSubmit; } } function submitContentForm(event) { event.preventDefault(); // Check if user is logged in if (!isLoggedIn || !currentUser) { showToast('Please sign in to submit content!', 'error'); showLoginPage(); return; } // Get form data var title = document.getElementById('titleInput').value.trim(); var description = document.getElementById('descInput').value.trim(); var category = document.getElementById('categorySelect').value; var subcategory = document.getElementById('subcategorySelect').value; var link = document.getElementById('linkInput').value.trim(); var contact = document.getElementById('contactInput').value.trim(); // Basic validation if (!title || !description) { showToast('Please fill in all required fields', 'error'); return; } var isAdmin = currentUser.email === 'sahiblisahib2008@gmail.com'; // If admin, add content directly to site if (isAdmin) { var newItem = { title: sanitizeInput(title), desc: sanitizeInput(description), link: sanitizeInput(link), contact: sanitizeInput(contact) }; if (!contentData[category]) { contentData[category] = {}; } if (!contentData[category][subcategory]) { contentData[category][subcategory] = []; } contentData[category][subcategory].push(newItem); if (db) { db.collection('siteContent').doc('contentData').set(contentData) .then(function() { showToast('Content added to the site!', 'success'); showSuccessMessage(); document.getElementById('addForm').reset(); renderSubcategories(); setTimeout(function() { closeModal(); }, 1000); }) .catch(function(error) { console.error('Error saving:', error); showToast('Error saving content', 'error'); }); } return; } // For regular users, create submission for moderation var submission = { title: sanitizeInput(title), desc: sanitizeInput(description), category: sanitizeInput(category), subcategory: sanitizeInput(subcategory), link: sanitizeInput(link), contact: sanitizeInput(contact), submittedBy: currentUser.email, submittedAt: new Date().toISOString(), status: 'pending' }; // Save to Firestore (same pattern as contact form) if (db) { showToast('Submitting...', 'info'); db.collection('submissions').add(submission) .then(function(docRef) { submission.firestoreId = docRef.id; submission.id = docRef.id; userContent.push(submission); pendingSubmissions.push(submission); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Content submitted for review!', 'success'); showSuccessMessage(); document.getElementById('addForm').reset(); setTimeout(function() { closeModal(); if (!document.getElementById('dashboardPage').classList.contains('hidden')) { renderDashboard(); } }, 2000); }) .catch(function(error) { console.error('Firestore error:', error); alert('Error: ' + error.code + ' - ' + error.message); showToast('Failed: ' + error.code, 'error'); }); } else { alert('Database connection not available. Please refresh the page and try again.'); showToast('Database not available. Please refresh.', 'error'); } } function updateAuthUI() { try { var loginBtn = document.getElementById('loginBtn'); var userInfo = document.getElementById('userInfo'); var userName = document.getElementById('userName'); var userAvatar = document.getElementById('userAvatar'); var dashboardBtn = document.getElementById('dashboardBtn'); if (isLoggedIn && currentUser) { // Check for saved display name var savedDisplayName = localStorage.getItem('rexol_displayName_' + currentUser.email); var displayName = savedDisplayName || currentUser.name || 'User'; if (loginBtn) loginBtn.classList.add('hidden'); if (userInfo) userInfo.classList.remove('hidden'); if (userName) userName.textContent = displayName; if (userAvatar) { userAvatar.textContent = displayName.charAt(0).toUpperCase(); if (currentUser.photoURL) { userAvatar.style.backgroundImage = 'url(' + currentUser.photoURL + ')'; userAvatar.style.backgroundSize = 'cover'; userAvatar.textContent = ''; } else { userAvatar.style.backgroundImage = ''; } } console.log('Auth UI updated - logged in as:', currentUser.name); } else { if (loginBtn) loginBtn.classList.remove('hidden'); if (userInfo) userInfo.classList.add('hidden'); console.log('Auth UI updated - logged out'); } if (dashboardBtn) dashboardBtn.classList.remove('hidden'); } catch(e) { console.error('updateAuthUI error:', e); } } // User dropdown menu function toggleUserMenu() { var dropdown = document.getElementById('userDropdown'); if (dropdown) { dropdown.classList.toggle('hidden'); } } // Close dropdown when clicking outside document.addEventListener('click', function(e) { var dropdown = document.getElementById('userDropdown'); var userProfile = document.querySelector('.user-profile'); if (dropdown && !dropdown.contains(e.target) && userProfile && !userProfile.contains(e.target)) { dropdown.classList.add('hidden'); } }); // Settings Functions function showSettings() { toggleUserMenu(); if (!currentUser) { showToast('Please sign in to access settings', 'error'); return; } loadUserSettings(); // Show admin font section only for admin var adminFontSection = document.getElementById('adminFontSection'); var adminDesignSection = document.getElementById('adminDesignSection'); if (currentUser.email === 'sahiblisahib2008@gmail.com') { adminFontSection.style.display = 'block'; adminDesignSection.style.display = 'block'; // Set current font in selector var currentFont = localStorage.getItem('rexol_site_font') || 'Inter'; document.getElementById('siteFontSelector').value = currentFont; } else { adminFontSection.style.display = 'none'; adminDesignSection.style.display = 'none'; } document.getElementById('settingsModal').classList.add('active'); } function closeSettingsModal() { document.getElementById('settingsModal').classList.remove('active'); } function showOwnerInfoModal() { var dropdown = document.getElementById('userDropdown'); if (dropdown) dropdown.classList.add('hidden'); var ownerModal = document.getElementById('ownerInfoModal'); if (ownerModal) ownerModal.classList.add('active'); } function closeOwnerInfoModal() { var ownerModal = document.getElementById('ownerInfoModal'); if (ownerModal) ownerModal.classList.remove('active'); } async function showStartupPlansModal() { var dropdown = document.getElementById('userDropdown'); if (dropdown) dropdown.classList.add('hidden'); var plansModal = document.getElementById('startupPlansModal'); if (plansModal) plansModal.classList.add('active'); // Populate use-case cards inside the modal (Max plan area) try { renderUseCasesList('useCasesExplore'); } catch(e) { /* ignore if not available */ } // Determine which plan to highlight: prefer explicit saved assignment, then submission premium state var selectedPlan = 'free'; try { // 1) LocalStorage override (fast, works when webhook/DB updates are pending) var persisted = localStorage.getItem('rexol_assigned_startup_plan'); if (persisted) { selectedPlan = persisted; } else if (typeof currentUser !== 'undefined' && currentUser && currentUser.email && window.db) { // 2) Check user's document for startupPlan field (try both uid and email keys) try { var userDoc = null; if (currentUser.uid) { userDoc = await db.collection('users').doc(currentUser.uid).get(); } if ((!userDoc || !userDoc.exists) && currentUser.email) { userDoc = await db.collection('users').doc(currentUser.email).get(); } if (userDoc && userDoc.exists && userDoc.data && userDoc.data().startupPlan) { selectedPlan = userDoc.data().startupPlan; } else { // 3) Fallback: if any of this user's submissions are premium, show premium var subsSnapshot = await db.collection('submissions').where('submittedBy', '==', currentUser.email).where('isPremium', '==', true).limit(1).get(); if (subsSnapshot && !subsSnapshot.empty) selectedPlan = 'premium'; } } catch (dbErr) { // ignore DB errors and fall back to local state console.warn('Could not read user plan from DB', dbErr); } } else if (isPremiumSubmissionId(currentPaymentSubmissionId)) { selectedPlan = 'premium'; } } catch (e) { console.warn('Error resolving selected plan for modal', e); } highlightPlanCard(selectedPlan); } function closeStartupPlansModal() { var plansModal = document.getElementById('startupPlansModal'); if (plansModal) plansModal.classList.remove('active'); } function highlightPlanCard(plan) { var cards = document.querySelectorAll('.plan-card[data-plan]'); cards.forEach(function(card) { card.classList.toggle('selected', card.getAttribute('data-plan') === plan); }); } function chooseStartupPlan(plan, triggerButton) { highlightPlanCard(plan); if (plan === 'free') { showToast('Free plan selected: listing will be published after approval.', 'info'); return; } // Admin bypass: allow admin to choose any plan without payment try { if (currentUser && currentUser.email === 'sahiblisahib2008@gmail.com') { assignStartupPlanToUser(plan); return; } } catch (e) { console.warn('Admin bypass check failed:', e); } var lookupKey = startupPlanLookupKeys[plan] || getDefaultLookupKey(); openPaymentModal('', triggerButton || document.getElementById('checkoutAndPortalButton'), lookupKey); } function assignStartupPlanToUser(plan) { if (!plan) return; // Persist to Firestore if available and user is signed in try { localStorage.setItem('rexol_assigned_startup_plan', plan); } catch (e) {} if (plan === 'premium') { try { localStorage.setItem('rexol_view_mode', 'max'); } catch (e) {} try { setViewMode('max'); } catch (e) {} } // Persist to Firestore when available (write under uid and email for compatibility) if (typeof currentUser !== 'undefined' && currentUser && window.db) { var writeOps = []; try { if (currentUser.uid) writeOps.push(db.collection('users').doc(currentUser.uid).set({ startupPlan: plan, startupPlanAssignedBy: currentUser.email || null, startupPlanAssignedAt: new Date().toISOString(), startupPlanIsActive: true }, { merge: true })); if (currentUser.email) writeOps.push(db.collection('users').doc(currentUser.email).set({ startupPlan: plan, startupPlanAssignedBy: currentUser.email || null, startupPlanAssignedAt: new Date().toISOString(), startupPlanIsActive: true }, { merge: true })); } catch (e) { console.warn('assignStartupPlanToUser writeOps failed', e); } Promise.all(writeOps).then(function() { showToast('Plan “' + plan + '” assigned to your account.', 'success'); }).catch(function(err) { console.warn('Could not write plan to Firestore, saved locally', err); showToast('Plan saved locally.', 'info'); }); } else { showToast('Plan saved locally for your account.', 'success'); } // If premium, redirect user to premium page if (plan === 'premium') { try { window.location.href = '/premium_startups.html'; } catch (e) {} } } function changeSiteFont() { if (!currentUser || currentUser.email !== 'sahiblisahib2008@gmail.com') { showToast('Only admin can change site font', 'error'); return; } var selectedFont = document.getElementById('siteFontSelector').value; document.documentElement.style.setProperty('--site-font', selectedFont); localStorage.setItem('rexol_site_font', selectedFont); // Also save to Firestore for persistence across all users if (db) { db.collection('siteSettings').doc('font').set({ font: selectedFont }) .then(function() { showToast('Site font changed to ' + selectedFont + '!', 'success'); }) .catch(function(err) { console.error('Error saving font to Firestore:', err); showToast('Font applied locally', 'info'); }); } else { showToast('Site font changed to ' + selectedFont + '!', 'success'); } } function applyPremiumDesignUpdate() { if (!currentUser || currentUser.email !== 'sahiblisahib2008@gmail.com') { showToast('Only admin can apply premium design update', 'error'); return; } var premiumAccent = '#7c3aed'; localStorage.setItem('rexol_accent_color', premiumAccent); localStorage.setItem('rexol_background_preset', 'premium'); applyAccentColor(premiumAccent); applyBackgroundPreset('premium'); updateColorPickerUI(premiumAccent); updateBackgroundPickerUI('premium'); if (db) { db.collection('siteSettings').doc('design').set({ preset: 'premium', accentColor: premiumAccent, updatedAt: new Date().toISOString(), updatedBy: currentUser.email }, { merge: true }) .then(function() { showToast('Premium design update applied site-wide!', 'success'); }) .catch(function(err) { console.error('Error saving premium design setting:', err); showToast('Premium design applied locally', 'info'); }); } else { showToast('Premium design update applied!', 'success'); } } function restoreLegacyDesignUpdate() { if (!currentUser || currentUser.email !== 'sahiblisahib2008@gmail.com') { showToast('Only admin can restore previous design', 'error'); return; } var legacyAccent = '#7c3aed'; localStorage.setItem('rexol_accent_color', legacyAccent); localStorage.setItem('rexol_background_preset', 'legacy'); applyAccentColor(legacyAccent); applyBackgroundPreset('legacy'); updateColorPickerUI(legacyAccent); updateBackgroundPickerUI('legacy'); if (db) { db.collection('siteSettings').doc('design').set({ preset: 'legacy', accentColor: legacyAccent, updatedAt: new Date().toISOString(), updatedBy: currentUser.email }, { merge: true }) .then(function() { showToast('Previous design restored site-wide!', 'success'); }) .catch(function(err) { console.error('Error saving legacy design setting:', err); showToast('Previous design restored locally', 'info'); }); } else { showToast('Previous design restored!', 'success'); } } function loadUserSettings() { document.getElementById('displayNameInput').value = currentUser.name; updateColorPickerUI(getSavedAccentColor()); updateBackgroundPickerUI(getSavedBackgroundPreset()); document.getElementById('notifyNewTools').checked = false; document.getElementById('notifyNewsletter').checked = false; document.getElementById('notifySubmissions').checked = true; } function getSavedAccentColor() { var saved = localStorage.getItem('rexol_accent_color'); return saved || '#4f46e5'; } function getSavedBackgroundPreset() { var saved = localStorage.getItem('rexol_background_preset'); return saved || 'brand'; } function saveDisplayName() { if (!currentUser) return; var newName = document.getElementById('displayNameInput').value.trim(); if (!newName) { showToast('Please enter a display name', 'error'); return; } if (newName.length > 50) { showToast('Display name must be under 50 characters', 'error'); return; } // No cache currentUser.name = newName; // Update UI with new name var userNameEl = document.querySelector('.user-name'); if (userNameEl) userNameEl.textContent = newName; var avatarEl = document.querySelector('.user-avatar'); if (avatarEl) avatarEl.textContent = newName.charAt(0).toUpperCase(); // Save to Firestore if available if (db) { db.collection('users').doc(currentUser.email).set({ displayName: newName, updatedAt: new Date().toISOString() }, { merge: true }); } showToast('Display name saved!', 'success'); } function setAccentColor(color) { if (!currentUser) return; localStorage.setItem('rexol_accent_color', color); applyAccentColor(color); updateColorPickerUI(color); showToast('Theme color updated!', 'success'); } function updateColorPickerUI(activeColor) { var options = document.querySelectorAll('.color-option'); options.forEach(function(opt) { opt.classList.remove('active'); if (opt.dataset.color === activeColor) { opt.classList.add('active'); } }); } function setBackgroundPreset(preset) { localStorage.setItem('rexol_background_preset', preset); applyBackgroundPreset(preset); updateBackgroundPickerUI(preset); var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (isAdmin && db) { var currentAccent = getSavedAccentColor() || '#7c3aed'; db.collection('siteSettings').doc('design').set({ preset: preset, accentColor: currentAccent, updatedAt: new Date().toISOString(), updatedBy: currentUser.email }, { merge: true }) .then(function() { showToast('Background style updated for all users!', 'success'); }) .catch(function(err) { console.error('Error saving global background preset:', err); showToast('Background updated locally', 'info'); }); return; } showToast('Background style updated!', 'success'); } function updateBackgroundPickerUI(activePreset) { var options = document.querySelectorAll('.background-option'); options.forEach(function(opt) { opt.classList.remove('active'); if (opt.dataset.bg === activePreset) { opt.classList.add('active'); } }); } function applyBackgroundPreset(preset) { document.body.classList.remove('legacy-ui'); if (preset === 'legacy') { document.body.classList.add('legacy-ui'); document.documentElement.style.setProperty('--dark', '#080f1f'); document.documentElement.style.setProperty('--dark-light', '#111d33'); document.documentElement.style.setProperty('--gradient-dark', 'linear-gradient(135deg, #080f1f 0%, #111d33 55%, #1a2a4a 100%)'); document.documentElement.style.setProperty('--bg-glow-1', 'rgba(30, 64, 175, 0.2)'); document.documentElement.style.setProperty('--bg-glow-2', 'rgba(30, 58, 138, 0.14)'); document.documentElement.style.setProperty('--bg-glow-3', 'rgba(59, 130, 246, 0.08)'); document.documentElement.style.setProperty('--nav-bg', 'rgba(8, 15, 31, 0.88)'); document.documentElement.style.setProperty('--nav-border', 'rgba(59, 130, 246, 0.22)'); document.documentElement.style.setProperty('--gradient-primary', 'linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 60%, #2563eb 100%)'); document.documentElement.style.setProperty('--shadow-glow', '0 0 40px rgba(37, 99, 235, 0.32)'); return; } if (preset === 'premium') { document.documentElement.style.setProperty('--dark', '#070c16'); document.documentElement.style.setProperty('--dark-light', '#101827'); document.documentElement.style.setProperty('--gradient-dark', 'linear-gradient(135deg, #070c16 0%, #101827 55%, #16243d 100%)'); document.documentElement.style.setProperty('--bg-glow-1', 'rgba(30, 64, 175, 0.14)'); document.documentElement.style.setProperty('--bg-glow-2', 'rgba(37, 99, 235, 0.08)'); document.documentElement.style.setProperty('--bg-glow-3', 'rgba(59, 130, 246, 0.04)'); document.documentElement.style.setProperty('--nav-bg', 'rgba(7, 12, 22, 0.9)'); document.documentElement.style.setProperty('--nav-border', 'rgba(59, 130, 246, 0.2)'); document.documentElement.style.setProperty('--shadow-glow', '0 0 24px rgba(37, 99, 235, 0.2)'); return; } if (preset === 'classic') { document.documentElement.style.setProperty('--dark', '#0f172a'); document.documentElement.style.setProperty('--dark-light', '#1e293b'); document.documentElement.style.setProperty('--gradient-dark', 'linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%)'); document.documentElement.style.setProperty('--bg-glow-1', 'rgba(30, 64, 175, 0.16)'); document.documentElement.style.setProperty('--bg-glow-2', 'rgba(37, 99, 235, 0.1)'); document.documentElement.style.setProperty('--bg-glow-3', 'rgba(59, 130, 246, 0.06)'); document.documentElement.style.setProperty('--nav-bg', 'rgba(15, 23, 42, 0.8)'); document.documentElement.style.setProperty('--nav-border', 'rgba(255,255,255,0.08)'); document.documentElement.style.setProperty('--shadow-glow', '0 0 32px rgba(37, 99, 235, 0.24)'); return; } document.documentElement.style.setProperty('--dark', '#080f1f'); document.documentElement.style.setProperty('--dark-light', '#111d33'); document.documentElement.style.setProperty('--gradient-dark', 'linear-gradient(135deg, #080f1f 0%, #111d33 55%, #1a2a4a 100%)'); document.documentElement.style.setProperty('--bg-glow-1', 'rgba(30, 64, 175, 0.2)'); document.documentElement.style.setProperty('--bg-glow-2', 'rgba(30, 58, 138, 0.14)'); document.documentElement.style.setProperty('--bg-glow-3', 'rgba(59, 130, 246, 0.08)'); document.documentElement.style.setProperty('--nav-bg', 'rgba(8, 15, 31, 0.88)'); document.documentElement.style.setProperty('--nav-border', 'rgba(59, 130, 246, 0.22)'); document.documentElement.style.setProperty('--shadow-glow', '0 0 40px rgba(37, 99, 235, 0.32)'); } function applyAccentColor(color) { // Calculate darker version var darkerColor = adjustColor(color, -20); var lighterColor = adjustColor(color, 30); var secondaryColor = getComputedStyle(document.documentElement).getPropertyValue('--secondary').trim() || '#ec4899'; document.documentElement.style.setProperty('--primary', color); document.documentElement.style.setProperty('--primary-dark', darkerColor); document.documentElement.style.setProperty('--primary-light', lighterColor); document.documentElement.style.setProperty('--gradient-primary', 'linear-gradient(135deg, ' + color + ' 0%, ' + lighterColor + ' 50%, ' + secondaryColor + ' 100%)'); } function adjustColor(hex, amount) { var num = parseInt(hex.replace('#', ''), 16); var r = Math.min(255, Math.max(0, (num >> 16) + amount)); var g = Math.min(255, Math.max(0, ((num >> 8) & 0x00FF) + amount)); var b = Math.min(255, Math.max(0, (num & 0x0000FF) + amount)); return '#' + (0x1000000 + r * 0x10000 + g * 0x100 + b).toString(16).slice(1); } function saveNotificationSettings() { if (!currentUser) return; var settings = { newTools: document.getElementById('notifyNewTools').checked, newsletter: document.getElementById('notifyNewsletter').checked, submissions: document.getElementById('notifySubmissions').checked }; // No cache // Save to Firestore if (db) { db.collection('users').doc(currentUser.email).set({ notifications: settings, updatedAt: new Date().toISOString() }, { merge: true }); } showToast('Notification preferences saved!', 'success'); } function exportUserData() { if (!currentUser) return; showToast('Preparing your data...', 'info'); var exportData = { exportDate: new Date().toISOString(), user: { email: currentUser.email, displayName: currentUser.name }, favorites: userFavorites, compareList: compareList, settings: { accentColor: getSavedAccentColor(), backgroundPreset: getSavedBackgroundPreset(), notifications: {} }, submissions: [] }; // Get submissions from Firestore if (db) { db.collection('submissions').where('submittedBy', '==', currentUser.email).get() .then(function(querySnapshot) { querySnapshot.forEach(function(doc) { exportData.submissions.push(doc.data()); }); downloadData(exportData); }) .catch(function(error) { console.error('Error fetching submissions:', error); downloadData(exportData); }); } else { downloadData(exportData); } } function downloadData(data) { var dataStr = JSON.stringify(data, null, 2); var blob = new Blob([dataStr], { type: 'application/json' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = 'rexol_data_' + new Date().toISOString().split('T')[0] + '.json'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showToast('Data exported successfully!', 'success'); } function confirmDeleteAccount() { if (!currentUser) return; var confirmed = confirm( '⚠️ DELETE ACCOUNT\n\n' + 'This will permanently delete:\n' + '• Your account and profile\n' + '• All your favorites\n' + '• All your submissions\n' + '• All your settings\n\n' + 'This action CANNOT be undone!\n\n' + 'Type your email to confirm: ' + currentUser.email ); if (!confirmed) return; var emailConfirm = prompt('To confirm deletion, type your email address:'); if (emailConfirm !== currentUser.email) { showToast('Email does not match. Account not deleted.', 'error'); return; } deleteAccount(); } function deleteAccount() { showToast('Deleting account...', 'info'); var email = currentUser && currentUser.email ? currentUser.email : ''; var promises = []; if (db) { try { if (currentUser && currentUser.email) { promises.push(db.collection('users').doc(currentUser.email).delete().catch(function(){})); } if (currentUser && currentUser.uid) { promises.push(db.collection('users').doc(currentUser.uid).delete().catch(function(){})); } // Delete submissions by this user promises.push(db.collection('submissions').where('submittedBy', '==', email).get() .then(function(snapshot) { var deletePromises = []; snapshot.forEach(function(doc) { deletePromises.push(doc.ref.delete()); }); return Promise.all(deletePromises); }).catch(function() {}) ); // Delete contact messages promises.push(db.collection('contactMessages').where('email', '==', email).get() .then(function(snapshot) { var deletePromises = []; snapshot.forEach(function(doc) { deletePromises.push(doc.ref.delete()); }); return Promise.all(deletePromises); }).catch(function() {}) ); } catch (e) { console.error('Error preparing deletion promises:', e); } } Promise.all(promises) .then(function() { var user = firebase.auth().currentUser; if (user) { return user.delete(); } }) .then(function() { closeSettingsModal(); showToast('Account deleted successfully', 'success'); currentUser = null; isLoggedIn = false; userFavorites = []; compareList = []; updateCompareBar(); updateAuthUI(); renderSubcategories(); showHomepage(); }) .catch(function(error) { console.error('Error deleting account:', error); if (error && error.code === 'auth/requires-recent-login') { showToast('Please sign out and sign in again before deleting', 'error'); } else { showToast('Error deleting account. Please try again.', 'error'); } }); } // Apply saved accent color on load function applySavedSettings() { var savedColor = getSavedAccentColor(); var savedBackground = getSavedBackgroundPreset(); applyBackgroundPreset(savedBackground); updateBackgroundPickerUI(savedBackground); applyAccentColor(savedColor); updateColorPickerUI(savedColor); // Restore Standard/Max view mode (if user purchased Max, default to Max) try { loadViewMode(); } catch (e) { console.warn('Could not load view mode', e); } } // Promo Modal Functions function showPromoModal() { document.getElementById('promoModal').classList.add('active'); } function closePromoModal() { document.getElementById('promoModal').classList.remove('active'); } // Close modals when clicking outside document.addEventListener('click', function(e) { var modal = document.getElementById('promoModal'); if (e.target === modal) { closePromoModal(); } var contactModal = document.getElementById('contactModal'); if (e.target === contactModal) { closeContactModal(); } var inboxModal = document.getElementById('inboxModal'); if (e.target === inboxModal) { closeInboxModal(); } var settingsModal = document.getElementById('settingsModal'); if (e.target === settingsModal) { closeSettingsModal(); } }); // Contact Modal Functions function showContactModal() { document.getElementById('contactModal').classList.add('active'); } function closeContactModal() { document.getElementById('contactModal').classList.remove('active'); document.getElementById('contactForm').reset(); selectContactType('contact'); } function selectContactType(type) { document.getElementById('contactTypeInput').value = type; if (type === 'contact') { document.getElementById('contactTypeBtn').classList.add('active'); document.getElementById('partnershipTypeBtn').classList.remove('active'); document.getElementById('partnershipFields').classList.remove('active'); } else { document.getElementById('contactTypeBtn').classList.remove('active'); document.getElementById('partnershipTypeBtn').classList.add('active'); document.getElementById('partnershipFields').classList.add('active'); } } function submitContactForm(event) { event.preventDefault(); // Rate limiting check if (rateLimiter.isLimited('contact')) { var remaining = rateLimiter.getRemainingTime('contact'); showToast('Too many attempts. Please wait ' + remaining + ' seconds.', 'error'); return; } var type = document.getElementById('contactTypeInput').value; var name = document.getElementById('contactName').value.trim(); var email = document.getElementById('contactEmail').value.trim(); var message = document.getElementById('contactDescription').value.trim(); // Validation if (!validateInputLength(name, 100)) { showToast('Name is too long (max 100 characters)', 'error'); return; } if (!validateEmail(email)) { showToast('Please enter a valid email address', 'error'); return; } if (!validateInputLength(message, 5000)) { showToast('Message is too long (max 5000 characters)', 'error'); return; } var messageData = { type: sanitizeInput(type), name: sanitizeInput(name), email: sanitizeInput(email), message: sanitizeInput(message), submittedAt: new Date().toISOString(), read: false }; // Add partnership details if applicable if (type === 'partnership') { var company = document.getElementById('partnerCompany').value.trim(); var partnerType = document.getElementById('partnerType').value; var website = document.getElementById('partnerWebsite').value.trim(); var details = document.getElementById('partnerDetails').value.trim(); if (website && !validateUrl(website)) { showToast('Please enter a valid website URL', 'error'); return; } messageData.company = sanitizeInput(company); messageData.partnerType = sanitizeInput(partnerType); messageData.website = sanitizeInput(website); messageData.details = sanitizeInput(details); } // Save to Firestore if (db) { db.collection('contactMessages').add(messageData) .then(function() { showToast('Message sent successfully!', 'success'); closeContactModal(); }) .catch(function(error) { console.error('Error sending message:', error); showToast('Failed to send message. Please try again.', 'error'); }); } else { showToast('Database not available. Please try again later.', 'error'); } } // Admin Inbox Functions function showInboxModal() { document.getElementById('inboxModal').classList.add('active'); loadInboxMessages(); } function closeInboxModal() { document.getElementById('inboxModal').classList.remove('active'); } function loadInboxMessages() { if (!db) return; db.collection('contactMessages').orderBy('submittedAt', 'desc').get() .then(function(querySnapshot) { var messagesContainer = document.getElementById('inboxMessages'); if (querySnapshot.empty) { messagesContainer.innerHTML = '<div class="inbox-empty"><p>No messages yet</p></div>'; return; } var html = ''; querySnapshot.forEach(function(doc) { var msg = doc.data(); var date = new Date(msg.submittedAt).toLocaleString(); var typeLabel = msg.type === 'partnership' ? 'Partnership' : 'Contact'; var typeIcon = msg.type === 'partnership' ? '🤝' : '📧'; html += '<div class="inbox-message">'; html += '<div class="inbox-message-header">'; html += '<span class="inbox-message-type ' + msg.type + '">' + typeIcon + ' ' + typeLabel + '</span>'; html += '<span class="inbox-message-date">' + date + '</span>'; html += '</div>'; html += '<div class="inbox-message-name">' + msg.name + '</div>'; html += '<div class="inbox-message-email">📧 ' + msg.email + '</div>'; html += '<div class="inbox-message-desc">' + msg.description + '</div>'; if (msg.type === 'partnership') { html += '<div class="inbox-message-details">'; if (msg.company) html += '<p><strong>Company:</strong> ' + msg.company + '</p>'; if (msg.partnerType) html += '<p><strong>Partnership Type:</strong> ' + msg.partnerType + '</p>'; if (msg.website) html += '<p><strong>Website:</strong> <a href="' + msg.website + '" target="_blank" style="color: #22c55e;">' + msg.website + '</a></p>'; if (msg.details) html += '<p><strong>Additional Details:</strong> ' + msg.details + '</p>'; html += '</div>'; } html += '<button class="inbox-delete-btn" onclick="deleteInboxMessage(\'' + doc.id + '\')">🗑️ Delete</button>'; html += '</div>'; }); messagesContainer.innerHTML = html; }) .catch(function(error) { console.error('Error loading messages:', error); }); } function deleteInboxMessage(messageId) { if (!confirm('Are you sure you want to delete this message?')) return; if (db) { db.collection('contactMessages').doc(messageId).delete() .then(function() { loadInboxMessages(); updateInboxBadge(); }) .catch(function(error) { console.error('Error deleting message:', error); }); } } function updateInboxBadge() { if (!db) return; db.collection('contactMessages').get() .then(function(querySnapshot) { var count = querySnapshot.size; document.getElementById('inboxBadge').textContent = count; }) .catch(function(error) { console.error('Error counting messages:', error); }); } function checkAdminInbox() { var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; var inboxBtn = document.getElementById('adminInboxBtn'); if (isAdmin) { inboxBtn.classList.add('visible'); updateInboxBadge(); } else { inboxBtn.classList.remove('visible'); } } function showLoginPage() { // Don't show login page if user is already logged in if (isLoggedIn && currentUser) { showToast('You are already signed in as ' + currentUser.name, 'success'); return; } document.getElementById('loginPage').classList.remove('hidden'); } function closeLoginPage() { document.getElementById('loginPage').classList.add('hidden'); } function switchToSignup(event) { event.preventDefault(); document.getElementById('signinForm').style.display = 'none'; document.getElementById('signupForm').style.display = 'block'; } function switchToSignin(event) { event.preventDefault(); document.getElementById('signupForm').style.display = 'none'; document.getElementById('signinForm').style.display = 'block'; } function signupWithTestAccount() { // Offline test signup for development var name = document.getElementById('signupName').value || 'New User'; var email = document.getElementById('signupEmail').value || 'newuser@example.com'; currentUser = { name: name, email: email, avatar: name.charAt(0).toUpperCase(), googleId: 'test-user-' + Date.now() }; isLoggedIn = true; document.getElementById('userName').textContent = currentUser.name; document.getElementById('userAvatar').textContent = currentUser.avatar; closeLoginPage(); updateAuthUI(); alert('Account created successfully! Welcome to Rexol! 🎉'); console.log('Test user signed up (offline mode)'); } function handleSignup(event) { event.preventDefault(); var name = document.getElementById('signupName').value; var email = document.getElementById('signupEmail').value; var password = document.getElementById('signupPassword').value; var confirmPassword = document.getElementById('signupConfirmPassword').value; if (password !== confirmPassword) { alert('❌ Passwords do not match!'); return; } if (password.length < 6) { alert('❌ Password must be at least 6 characters long!'); return; } // Create account with Firebase Auth auth.createUserWithEmailAndPassword(email, password) .then(function(userCredential) { return userCredential.user.updateProfile({ displayName: name }); }) .then(function() { alert('Account created successfully! Welcome to Rexol!'); document.getElementById('registerForm').reset(); closeLoginPage(); }) .catch(function(error) { console.error('Signup error:', error); alert('Signup failed: ' + error.message); }); } function handleCredentialResponse(response) { var base64Url = response.credential.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent( atob(base64) .split('') .map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }) .join('') ); var data = JSON.parse(jsonPayload); // Set user information from Google currentUser = { name: data.name, email: data.email, avatar: data.name.charAt(0).toUpperCase(), googleId: data.sub, picture: data.picture }; isLoggedIn = true; document.getElementById('userName').textContent = currentUser.name; document.getElementById('userAvatar').textContent = currentUser.avatar; closeLoginPage(); updateAuthUI(); console.log('User signed in:', currentUser); } function loginWithGoogle() { if (!auth) { showToast('Auth is still loading. Please try again in a moment.', 'error'); return; } // Prevent multiple popup attempts if (isSigningIn) { console.log('Sign-in already in progress'); return; } isSigningIn = true; var provider = new firebase.auth.GoogleAuthProvider(); provider.addScope('email'); provider.addScope('profile'); provider.setCustomParameters({ prompt: 'select_account' }); localStorage.setItem('rexol_login_pending', 'google'); // Try popup first (more reliable for many browser setups), then fallback to redirect. auth.signInWithPopup(provider) .then(function() { isSigningIn = false; localStorage.removeItem('rexol_login_pending'); }) .catch(function(error) { var code = error && error.code ? error.code : ''; var shouldFallbackToRedirect = ( code === 'auth/popup-blocked' || code === 'auth/popup-closed-by-user' || code === 'auth/cancelled-popup-request' ); if (!shouldFallbackToRedirect) { console.error('Google Sign-In popup error:', error); isSigningIn = false; localStorage.removeItem('rexol_login_pending'); showToast('Google Sign-In failed: ' + (error.message || code || 'unknown error'), 'error'); return; } auth.signInWithRedirect(provider) .catch(function(redirectError) { console.error('Google Sign-In redirect error:', redirectError); isSigningIn = false; localStorage.removeItem('rexol_login_pending'); showToast('Google Sign-In failed: ' + (redirectError.message || 'redirect failed'), 'error'); }); }); } function loginWithTestAccount() { // Offline test login for development currentUser = { name: 'Test User', email: 'test@example.com', avatar: 'T', googleId: 'test-user-id' }; isLoggedIn = true; document.getElementById('userName').textContent = currentUser.name; document.getElementById('userAvatar').textContent = currentUser.avatar; closeLoginPage(); updateAuthUI(); console.log('Test user logged in (offline mode)'); } function logout() { if (!auth) { return; } auth.signOut() .then(function() { console.log('Logged out successfully'); }) .catch(function(error) { console.error('Logout error:', error); }); } function getPremiumStorageKey() { return 'premium_submissions'; } function isPremiumValue(value) { return value === true || value === 'true' || value === 1; } function getPremiumSubmissionIds() { try { var raw = localStorage.getItem(getPremiumStorageKey()); var parsed = raw ? JSON.parse(raw) : []; var list = Array.isArray(parsed) ? parsed.slice() : []; // Backward compatibility: merge old per-user/guest keys. var oldGuestRaw = localStorage.getItem('premium_submissions_guest'); if (oldGuestRaw) { var oldGuest = JSON.parse(oldGuestRaw); if (Array.isArray(oldGuest)) { for (var g = 0; g < oldGuest.length; g++) { if (list.indexOf(oldGuest[g]) === -1) list.push(oldGuest[g]); } } } if (currentUser && currentUser.email) { var oldUserRaw = localStorage.getItem('premium_submissions_' + currentUser.email); if (oldUserRaw) { var oldUser = JSON.parse(oldUserRaw); if (Array.isArray(oldUser)) { for (var u = 0; u < oldUser.length; u++) { if (list.indexOf(oldUser[u]) === -1) list.push(oldUser[u]); } } } } localStorage.setItem(getPremiumStorageKey(), JSON.stringify(list)); return list; } catch (e) { return []; } } function isPremiumSubmissionId(id) { if (!id) return false; return getPremiumSubmissionIds().indexOf(id) !== -1; } function addPremiumSubmissionId(id) { if (!id) return; var list = getPremiumSubmissionIds(); if (list.indexOf(id) === -1) { list.push(id); localStorage.setItem(getPremiumStorageKey(), JSON.stringify(list)); } } function showDashboard() { if (!isLoggedIn) { showToast('Please sign in to access your dashboard! 🔒', 'info'); showLoginPage(); return; } document.getElementById('mainContent').classList.add('hidden'); document.getElementById('startupsPage').classList.add('hidden'); document.getElementById('dashboardPage').classList.remove('hidden'); localStorage.setItem('rexol_currentPage', 'dashboard'); // Load user's submissions from Firestore if (db && currentUser) { db.collection('submissions').where('submittedBy', '==', currentUser.email).get() .then(function(querySnapshot) { userContent = []; querySnapshot.forEach(function(doc) { var data = doc.data(); data.firestoreId = doc.id; data.id = doc.id; if (isPremiumSubmissionId(doc.id)) { data.isPremium = true; } userContent.push(data); }); renderDashboard(); }) .catch(function(error) { console.error('Error loading user submissions:', error); renderDashboard(); }); } else { renderDashboard(); } } function showStartups() { if (!isLoggedIn) { alert('Please sign in to access Start-Ups! 🔒'); showLoginPage(); return; } document.getElementById('mainContent').classList.add('hidden'); document.getElementById('dashboardPage').classList.add('hidden'); document.getElementById('startupsPage').classList.remove('hidden'); localStorage.setItem('rexol_currentPage', 'startups'); var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; // Load submissions from Firestore if (db) { if (isAdmin) { // Admin sees all submissions db.collection('submissions').get().then(function(querySnapshot) { pendingSubmissions = []; querySnapshot.forEach(function(doc) { var data = doc.data(); data.firestoreId = doc.id; data.id = doc.id; if (isPremiumSubmissionId(doc.id)) { data.isPremium = true; } pendingSubmissions.push(data); }); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); }).catch(function(error) { console.error('Error loading submissions:', error); renderStartupsPage(); }); } else { // Regular users see only approved submissions db.collection('submissions').where('status', '==', 'approved').get().then(function(querySnapshot) { pendingSubmissions = []; querySnapshot.forEach(function(doc) { var data = doc.data(); data.firestoreId = doc.id; data.id = doc.id; if (isPremiumSubmissionId(doc.id)) { data.isPremium = true; } pendingSubmissions.push(data); }); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); }).catch(function(error) { console.error('Error loading submissions:', error); renderStartupsPage(); }); } } else { renderStartupsPage(); } } function renderStartupsPage() { var startupsContent = document.getElementById('startupsContent'); var approved = []; var pending = []; var i; for (i = 0; i < pendingSubmissions.length; i++) { if (pendingSubmissions[i].status === 'approved') { approved.push(pendingSubmissions[i]); } else if (pendingSubmissions[i].status === 'pending') { pending.push(pendingSubmissions[i]); } } var html = '<div style="max-width: 1200px; margin: 0 auto; padding: 20px; color: white;">'; // Update Coming Soon Banner html += '<div style="display: flex; justify-content: flex-end; margin-bottom: 15px;">'; html += '<div style="background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; padding: 12px 24px; border-radius: 12px; font-weight: 700; font-size: 0.95em; box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4); text-align: center;">'; html += '🚀 <strong>Update Coming Soon!</strong><br><span style="font-weight: 500; font-size: 0.9em;">Top-rated Start-Ups will be featured in Main Content!</span>'; html += '</div></div>'; var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (isAdmin) { html += '<h2 style="color: white; margin-bottom: 20px;">Moderation Panel</h2>'; html += '<div style="margin-bottom: 20px;">'; html += '<button onclick="resetContentToDefaults()" style="background: linear-gradient(135deg, #ff6b35, #f43f5e); color: white; padding: 12px 24px; border: none; border-radius: 12px; cursor: pointer; font-weight: 600; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);">Reset All Content to Defaults</button>'; html += '</div>'; html += '<div style="margin-bottom: 30px;">'; html += '<h3 style="color: #fbbf24; margin-bottom: 15px;">Pending Submissions (' + pending.length + ')</h3>'; if (pending.length === 0) { html += '<p style="color: rgba(255,255,255,0.7);">No pending submissions</p>'; } else { for (i = 0; i < pending.length; i++) { var sub = pending[i]; html += '<div style="border: 1px solid rgba(251, 191, 36, 0.3); padding: 20px; margin: 15px 0; border-radius: 16px; background: rgba(251, 191, 36, 0.1); backdrop-filter: blur(10px); color: white;">'; html += '<h4 style="color: #fbbf24; margin-bottom: 12px; font-size: 1.2em;">' + sub.title + '</h4>'; html += '<p style="margin: 8px 0;"><strong style="color: rgba(255,255,255,0.7);">Category:</strong> ' + sub.category + '</p>'; html += '<p style="margin: 8px 0;"><strong style="color: rgba(255,255,255,0.7);">Description:</strong> ' + sub.desc + '</p>'; html += '<p style="margin: 8px 0;"><strong style="color: rgba(255,255,255,0.7);">Link:</strong> <a href="' + sub.link + '" target="_blank" style="color: #60a5fa;">' + sub.link + '</a></p>'; html += '<p style="margin: 8px 0;"><strong style="color: rgba(255,255,255,0.7);">Contact:</strong> ' + sub.contact + '</p>'; html += '<p style="margin: 8px 0; font-size: 0.9em; color: rgba(255,255,255,0.5);"><strong>Submitted by:</strong> ' + sub.submittedBy + ' (' + sub.submittedAt + ')</p>'; html += '<div style="margin-top: 15px; display: flex; gap: 10px;">'; html += '<button class="approve-btn" onclick="approveSubmission(\'' + sub.id + '\')" style="background: linear-gradient(135deg, #22c55e, #16a34a); color: white; padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer; font-weight: 600; box-shadow: 0 4px 15px rgba(34, 197, 94, 0.3); position: relative; z-index: 10;">Approve</button>'; html += '<button class="reject-btn" onclick="rejectSubmission(\'' + sub.id + '\')" style="background: linear-gradient(135deg, #ef4444, #dc2626); color: white; padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer; font-weight: 600; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3); position: relative; z-index: 10;">Reject</button>'; html += '</div></div>'; } } html += '</div>'; } html += '<h3 style="color: #22c55e; margin-bottom: 15px;">Approved Start-Ups (' + approved.length + ')</h3>'; if (approved.length === 0) { html += '<p style="color: rgba(255,255,255,0.7);">No approved start-ups yet</p>'; } else { // Sort: Premium items first approved.sort(function(a, b) { if (a.isPremium && !b.isPremium) return -1; if (!a.isPremium && b.isPremium) return 1; return 0; }); for (i = 0; i < approved.length; i++) { var sub = approved[i]; var subId = sub.firestoreId || sub.id || ''; var isPremium = isPremiumValue(sub.isPremium) || isPremiumSubmissionId(subId); // Rating system variables (stable per-user key) var userKey = currentUser ? getCurrentUserKey() : ''; var userRating = (sub.ratings && currentUser && sub.ratings[userKey]) ? sub.ratings[userKey].value : 0; var allRatings = sub.ratings ? Object.values(sub.ratings).map(function(r){return r.value;}) : []; var avgRating = allRatings.length ? (allRatings.reduce(function(a,b){return a+b;},0)/allRatings.length).toFixed(1) : 'N/A'; var totalRatings = allRatings.length; if (isPremium) { html += '<div style="border: 2px solid #fbbf24; padding: 24px; margin: 15px 0; border-radius: 20px; background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(99, 102, 241, 0.1)); backdrop-filter: blur(10px); color: white; position: relative; box-shadow: 0 8px 32px rgba(251, 191, 36, 0.2);">'; html += '<div style="position: absolute; top: -12px; right: 20px; background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 800; box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4);">⭐ PREMIUM</div>'; if (isAdmin) { html += '<button onclick="deleteApprovedSubmission(\'' + sub.id + '\')" style="position: absolute; top: 15px; left: 15px; background: #ef4444; color: white; border: none; padding: 6px 12px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600;">🗑 Remove</button>'; } html += '<h4 style="color: #fbbf24; margin-bottom: 12px; font-size: 1.3em; margin-top: 5px;">⭐ ' + sub.title + '</h4>'; } else { html += '<div style="border: 1px solid rgba(34, 197, 94, 0.3); padding: 20px; margin: 15px 0; border-radius: 16px; background: rgba(34, 197, 94, 0.1); backdrop-filter: blur(10px); color: white; position: relative;">'; if (isAdmin) { html += '<button onclick="deleteApprovedSubmission(\'' + sub.id + '\')" style="position: absolute; top: 15px; right: 15px; background: #ef4444; color: white; border: none; padding: 6px 12px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 600;">🗑 Remove</button>'; } html += '<h4 style="color: #22c55e; margin-bottom: 12px; font-size: 1.2em;">' + sub.title + '</h4>'; } html += '<p style="margin: 8px 0; color: rgba(255,255,255,0.9);">' + sub.desc + '</p>'; html += '<p style="margin: 8px 0;"><strong style="color: rgba(255,255,255,0.7);">Category:</strong> ' + sub.category + '</p>'; if (sub.link) html += '<p><strong>Website:</strong> <a href="' + sub.link + '" target="_blank" style="color: #60a5fa; text-decoration: none;">' + sub.link + '</a></p>'; if (sub.contact) html += '<p><strong>Contact:</strong> ' + sub.contact + '</p>'; // Rating UI html += '<div style="margin: 10px 0 0 0;">'; html += '<span style="color:#fbbf24; font-weight:600;">Rating:</span> '; html += '<span id="avgRating_' + sub.id + '" style="color:#fbbf24; font-weight:700;">' + avgRating + '</span> <span style="color:#fff; opacity:0.7;">(' + totalRatings + ')</span>'; html += '<div style="margin: 4px 0;">'; var canRate = currentUser && !userRating; for (var s=1; s<=5; s++) { var starCursor = canRate ? 'pointer' : 'default'; var starClick = canRate ? (' onclick="rateStartup(\'' + sub.id + '\',' + s + ')"') : ''; html += '<span class="star"' + starClick + ' style="font-size: 1.5em; cursor:' + starCursor + '; color:' + (userRating>=s?'#fbbf24':'#444') + ';">★</span>'; } html += '</div>'; // Comments UI html += '<div style="margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid rgba(255,255,255,0.08);">'; html += '<div style="font-weight:600; color:#60a5fa; margin-bottom:4px;">Comments</div>'; var comments = sub.comments || {}; var commentKeys = Object.keys(comments); if (commentKeys.length === 0) { html += '<div style=\'color:rgba(255,255,255,0.5);font-size:0.95em;\'>No comments yet.</div>'; } else { for (var c=0; c<commentKeys.length; c++) { var commentAuthorKey = commentKeys[c]; var comment = comments[commentAuthorKey]; var isMyComment = currentUser && commentAuthorKey === getCurrentUserKey(); var displayName = (comment && comment.userName) ? comment.userName : (isMyComment ? 'You' : 'User'); html += '<div style="margin-bottom:6px; padding:6px 10px; background:rgba(99,102,241,0.08); border-radius:7px;">'; html += '<span style="color:#fbbf24;font-weight:600;">' + displayName + ':</span> '; html += '<span style="color:#fff;">' + (comment.text||'') + '</span>'; if (isMyComment) { html += ' <button onclick="editComment(\'' + sub.id + '\')" style="font-size:0.9em;color:#60a5fa;background:none;border:none;cursor:pointer;">Edit</button>'; html += ' <button onclick="deleteComment(\'' + sub.id + '\')" style="font-size:0.9em;color:#ef4444;background:none;border:none;cursor:pointer;">Delete</button>'; } html += '</div>'; } } if (currentUser) { var myUserKey = getCurrentUserKey(); var myComment = comments[myUserKey]?.text || ''; html += '<form onsubmit="submitComment(event,\'' + sub.id + '\')" style="margin-top:6px;display:flex;gap:6px;">'; html += '<input id="commentInput_' + sub.id + '" type="text" maxlength="300" placeholder="Add a comment..." value="' + myComment.replace(/"/g,'"') + '" style="flex:1;padding:6px 10px;border-radius:6px;border:1px solid #222;background:#18181b;color:#fff;">'; html += '<button type="submit" style="background:#60a5fa;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-weight:600;">' + (myComment?'Update':'Post') + '</button>'; html += '</form>'; } else { html += '<div style="color:rgba(255,255,255,0.5);font-size:0.95em;">Sign in to comment.</div>'; } html += '</div>'; // Remove duplicate inner function definitions. Use global functions for submitComment, editComment, deleteComment, and rateStartup. if (currentUser) { html += '<div style="font-size:0.9em; color:#fff; opacity:0.7;">Your rating: <span id="userRating_' + sub.id + '">' + (userRating?userRating:'Not rated') + '</span>'; if (userRating) html += ' <span style="color:#22c55e;">(Rated once)</span>'; html += '</div>'; } else { html += '<div style="font-size:0.9em; color:#fff; opacity:0.7;">Sign in to rate</div>'; } html += '</div>'; html += '</div>'; } } html += '<button class="back-btn" onclick="backToHome()" style="margin-top: 25px; padding: 12px 28px; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; border: none; border-radius: 12px; cursor: pointer; font-weight: 600; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);">Back to Home</button>'; html += '</div>'; startupsContent.innerHTML = html; } function approveSubmission(id) { var index = -1; var i; for (i = 0; i < pendingSubmissions.length; i++) { if (pendingSubmissions[i].id === id) { index = i; break; } } if (index !== -1) { var submission = pendingSubmissions[index]; submission.status = 'approved'; if (db && submission.firestoreId) { db.collection('submissions').doc(submission.firestoreId).update({ status: 'approved' }).then(function() { localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission approved and saved to database!'); }).catch(function(error) { console.error('Error updating Firestore:', error); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission approved (local only)'); }); } else { localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission approved!'); } } } function rejectSubmission(id) { if (confirm('Are you sure you want to reject this submission?')) { var submission = null; var i; for (i = 0; i < pendingSubmissions.length; i++) { if (pendingSubmissions[i].id === id) { submission = pendingSubmissions[i]; break; } } function removeFromList() { var newList = []; for (var j = 0; j < pendingSubmissions.length; j++) { if (pendingSubmissions[j].id !== id) { newList.push(pendingSubmissions[j]); } } pendingSubmissions = newList; } if (db && submission && submission.firestoreId) { db.collection('submissions').doc(submission.firestoreId).delete().then(function() { removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission rejected and removed from database!'); }).catch(function(error) { console.error('Error deleting from Firestore:', error); removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission rejected (local only)'); }); } else { removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); alert('Submission rejected and removed.'); } } } function deleteApprovedSubmission(id) { var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (!isAdmin) { alert('Only admin can remove approved content!'); return; } if (confirm('Are you sure you want to remove this approved submission? This cannot be undone.')) { var submission = null; var i; for (i = 0; i < pendingSubmissions.length; i++) { if (pendingSubmissions[i].id === id) { submission = pendingSubmissions[i]; break; } } function removeFromList() { var newList = []; for (var j = 0; j < pendingSubmissions.length; j++) { if (pendingSubmissions[j].id !== id) { newList.push(pendingSubmissions[j]); } } pendingSubmissions = newList; } if (db && submission && submission.firestoreId) { db.collection('submissions').doc(submission.firestoreId).delete().then(function() { removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); showToast('Approved submission removed!', 'success'); }).catch(function(error) { console.error('Error deleting from Firestore:', error); removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); showToast('Removed locally', 'info'); }); } else { removeFromList(); localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); renderStartupsPage(); showToast('Submission removed', 'success'); } } } function openAddModal() { if (!isLoggedIn) { showToast('Please sign in to add content!', 'info'); showLoginPage(); return; } document.getElementById('addModal').classList.add('active'); document.getElementById('addForm').reset(); } function backToHome() { document.getElementById('dashboardPage').classList.add('hidden'); document.getElementById('startupsPage').classList.add('hidden'); document.getElementById('mainContent').classList.remove('hidden'); localStorage.setItem('rexol_currentPage', 'home'); renderCategories(); renderSubcategories(); } function renderDashboard() { var contentArea = document.getElementById('dashboardContentArea'); var approvedContent = []; var pendingContent = []; var categories = {}; var i, item; for (i = 0; i < userContent.length; i++) { item = userContent[i]; if (item.status === 'approved') approvedContent.push(item); else if (item.status === 'pending') pendingContent.push(item); categories[item.category] = true; } var totalPosts = userContent.length; var categoryCount = Object.keys(categories).length; document.getElementById('totalPosts').textContent = totalPosts; document.getElementById('totalCategories').textContent = categoryCount; var html = ''; // FAVORITES SECTION html += '<div class="dashboard-section">'; html += '<div class="dashboard-section-header">'; html += '<span class="dashboard-section-title">My Favorites</span>'; html += '<span class="dashboard-section-count">' + userFavorites.length + '</span>'; html += '</div>'; if (userFavorites.length === 0) { html += '<div class="empty-section"><div class="empty-section-icon"></div><p>No favorites yet. Click the heart on any AI tool to save it here!</p></div>'; } else { html += '<div class="favorites-grid">'; for (i = 0; i < userFavorites.length; i++) { var favKey = userFavorites[i]; var parts = favKey.split('|'); var category = parts[0]; var subcategory = parts[1]; var index = parseInt(parts[2]); var tool = contentData[category] && contentData[category][subcategory] ? contentData[category][subcategory][index] : null; if (tool) { html += '<div class="dashboard-tool-card">'; html += '<button class="remove-btn" onclick="removeFavorite(\'' + favKey + '\')">Remove</button>'; html += '<h4>' + tool.title + '</h4>'; html += '<p>' + tool.desc + '</p>'; if (tool.link) html += '<a href="' + tool.link + '" target="_blank" style="color: var(--primary-light); font-size: 12px;">Visit</a>'; html += '</div>'; } } html += '</div>'; } html += '</div>'; // COMPARE SECTION html += '<div class="dashboard-section">'; html += '<div class="dashboard-section-header">'; html += '<span class="dashboard-section-title">Compare List</span>'; html += '<span class="dashboard-section-count">' + compareList.length + '/3</span>'; html += '</div>'; if (compareList.length === 0) { html += '<div class="empty-section"><div class="empty-section-icon"></div><p>No tools to compare. Click the compare icon on any AI tool!</p></div>'; } else { html += '<div class="compare-grid">'; for (i = 0; i < compareList.length; i++) { var comp = compareList[i]; var tool = contentData[comp.category] && contentData[comp.category][comp.subcategory] ? contentData[comp.category][comp.subcategory][comp.index] : null; if (tool) { html += '<div class="dashboard-tool-card">'; html += '<button class="remove-btn" onclick="removeCompareFromDashboard(\'' + comp.key + '\')">Remove</button>'; html += '<h4>' + tool.title + '</h4>'; html += '<p>' + tool.desc + '</p>'; html += '</div>'; } } html += '</div>'; if (compareList.length >= 2) { html += '<button class="compare-action-btn" onclick="showCompareModal()" style="margin-top: 15px;">Compare Now</button>'; } } html += '</div>'; // MY SUBMISSIONS SECTION if (totalPosts === 0) { html += '<div class="dashboard-section">'; html += '<div class="empty-dashboard">'; html += '<div class="empty-dashboard-icon"></div>'; html += '<h3>No Submissions Yet</h3>'; html += '<p>Start sharing your amazing content with the community!</p>'; html += '<button class="add-content-btn" onclick="openModalFromDashboard()">Add Your First Content</button>'; html += '</div></div>'; } else { html += '<div class="dashboard-section">'; html += '<div class="dashboard-section-header"><span class="dashboard-section-title">My Submissions</span><span class="dashboard-section-count">' + totalPosts + '</span></div>'; html += '<button class="add-content-btn" onclick="openModalFromDashboard()" style="margin-bottom: 15px;">+ Add New Content</button>'; if (approvedContent.length > 0) { html += '<h4 style="color: #28a745; margin-top: 20px;">Approved (' + approvedContent.length + ')</h4>'; for (i = 0; i < approvedContent.length; i++) { item = approvedContent[i]; var submissionKey = item.firestoreId || item.id || ''; var isPremium = isPremiumValue(item.isPremium) || isPremiumSubmissionId(submissionKey); html += '<div class="user-content-item" style="border-left: 4px solid ' + (isPremium ? '#fbbf24' : '#28a745') + '; ' + (isPremium ? 'background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(99, 102, 241, 0.05));' : '') + '">'; html += '<div style="display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px;">'; html += '<span class="category-badge" style="background: #28a745;">' + item.category + ' - ' + item.subcategory + '</span>'; html += '<span style="background: #28a745; color: white; padding: 3px 8px; border-radius: 12px; font-size: 11px;">LIVE on Start-Ups</span>'; if (isPremium) { html += '<span style="background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700;">⭐ PREMIUM</span>'; } html += '</div>'; html += '<h4>' + item.title + '</h4>'; html += '<p>' + item.desc + '</p>'; if (item.contact) html += '<p><strong>Contact:</strong> ' + item.contact + '</p>'; if (item.link) html += '<p><strong>Link:</strong> <a href="' + item.link + '" target="_blank">' + item.link + '</a></p>'; if (!isPremium && submissionKey) { // FastSpring button attributes included; data-fsc-customer-email will be set dynamically when user is logged in html += '<button class="fastspring-btn" data-fsc-action="Add,Checkout" data-fsc-item-path="rexolworld.test.onfastspring.com/upgrade-to-premium-1-99-mo-1-month-free-trial-details" onclick="openPaymentModal(\'' + submissionKey + '\', this)" style="margin-top: 12px; padding: 10px 20px; background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #1e293b; border: none; border-radius: 10px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);">🚀 Upgrade to Premium - $1.99/mo (1 month FREE trial)</button>'; } html += '</div>'; } } if (pendingContent.length > 0) { html += '<h4 style="color: #ffc107; margin-top: 20px;">Pending Review (' + pendingContent.length + ')</h4>'; for (i = 0; i < pendingContent.length; i++) { item = pendingContent[i]; html += '<div class="user-content-item" style="border-left: 4px solid #ffc107;">'; html += '<span class="category-badge" style="background: #ffc107; color: #333;">' + item.category + ' - ' + item.subcategory + '</span>'; html += '<span style="background: #ffc107; color: #333; padding: 3px 8px; border-radius: 12px; font-size: 11px; margin-left: 10px;">Awaiting Admin Review</span>'; html += '<h4>' + item.title + '</h4>'; html += '<p>' + item.desc + '</p>'; if (item.contact) html += '<p><strong>Contact:</strong> ' + item.contact + '</p>'; if (item.link) html += '<p><strong>Link:</strong> <a href="' + item.link + '" target="_blank">' + item.link + '</a></p>'; html += '</div>'; } } html += '</div>'; } contentArea.innerHTML = html; // Initialize ads after content is rendered if (typeof adsbygoogle !== 'undefined') { try { var ads = contentArea.querySelectorAll('.adsbygoogle'); for (var a = 0; a < ads.length; a++) { (adsbygoogle = window.adsbygoogle || []).push({}); } } catch(e) { console.log('Ads not ready'); } } } function openModalFromDashboard() { openModal(); } function deleteUserContent(index) { if (confirm('Are you sure you want to delete this content?')) { var item = userContent[index]; userContent.splice(index, 1); var subcategoryItems = contentData[item.category][item.subcategory]; var itemIndex = -1; for (var i = 0; i < subcategoryItems.length; i++) { if (subcategoryItems[i].title === item.title && subcategoryItems[i].desc === item.desc) { itemIndex = i; break; } } if (itemIndex !== -1) { subcategoryItems.splice(itemIndex, 1); } renderDashboard(); renderSubcategories(); } } document.getElementById('loginForm').onsubmit = function(e) { e.preventDefault(); var email = document.getElementById('loginEmail').value; var password = document.getElementById('loginPassword').value; if (!auth) { alert('Auth is still loading. Please try again in a moment.'); return; } if (email && password) { auth.signInWithEmailAndPassword(email, password) .then(function(userCredential) { console.log('Login successful'); document.getElementById('loginForm').reset(); closeLoginPage(); }) .catch(function(error) { console.error('Login error:', error); if (error.code === 'auth/internal-error') { alert('Internal Auth Error: Please clear your browser cookies/storage for this site and try again.'); } else { alert('Login failed: ' + error.message); } }); } }; function renderCategories() { var container = document.getElementById('categories'); if (!container) { console.warn('❌ Categories container not found'); return; } container.innerHTML = ''; var cats = Object.keys(contentData); console.log('✅ Rendering categories:', cats.length, 'categories'); console.log('✅ Container found, innerHTML:', container.innerHTML.length); for (var i = 0; i < cats.length; i++) { var cat = cats[i]; var tab = document.createElement('div'); tab.className = 'category-tab' + (cat === currentCategory ? ' active' : ''); tab.textContent = cat; (function(c) { tab.onclick = function() { switchCategory(c); }; })(cat); container.appendChild(tab); console.log('✅ Added category tab:', cat); } console.log('✅ Final container HTML:', container.innerHTML.substring(0, 100)); } function switchCategory(cat) { currentCategory = cat; renderCategories(); renderSubcategories(); updateSubcategoryOptions(); // Wire header toggle buttons try { var sBtn = document.getElementById('viewStandardBtn'); var mBtn = document.getElementById('viewMaxBtn'); if (sBtn) sBtn.addEventListener('click', function(){ trySetViewMode('standard'); }); if (mBtn) mBtn.addEventListener('click', function(){ trySetViewMode('max'); }); } catch (e) { console.warn('toggle wiring failed', e); } } function renderSubcategories() { try { var container = document.getElementById('subcategoriesContainer'); if (!container || !contentData || !currentCategory || !contentData[currentCategory]) { console.warn('renderSubcategories: missing container or data'); return; } container.innerHTML = ''; var subcatKeys = Object.keys(contentData[currentCategory]); if (!subcatKeys.length) { container.innerHTML = '<div class="no-content">No subcategories found.</div>'; return; } subcatKeys.forEach(function(subcat) { var items = contentData[currentCategory][subcat] || []; var section = document.createElement('div'); section.className = 'subcategory-section'; var header = document.createElement('div'); header.className = 'subcategory-header'; header.innerHTML = '<div class="subcategory-circle">' + subcat + '</div><div class="subcategory-info"><div class="subcategory-count">' + items.length + ' Items</div></div>'; section.appendChild(header); var grid = document.createElement('div'); grid.className = 'content-grid'; for (var j = 0; j < items.length; j++) { var item = items[j]; var wrapper = document.createElement('div'); wrapper.innerHTML = createToolCard(item, currentCategory, subcat, j, false, false); grid.appendChild(wrapper.firstChild); } // Add New box (always visible) var addBox = document.createElement('div'); addBox.className = 'add-new-box'; addBox.innerHTML = '<div class="plus-icon">+</div><div class="add-text">Add New</div>'; addBox.onclick = function(sub) { return function() { openModal && openModal(sub); }; }(subcat); grid.appendChild(addBox); section.appendChild(grid); container.appendChild(section); }); } catch (e) { console.error('renderSubcategories error:', e); } } function updateSubcategoryOptions() { var categorySelect = document.getElementById('categorySelect'); var selectedCategory = categorySelect ? categorySelect.value : currentCategory; var select = document.getElementById('subcategorySelect'); select.innerHTML = ''; if (contentData[selectedCategory]) { var subcategories = Object.keys(contentData[selectedCategory]); for (var i = 0; i < subcategories.length; i++) { var subcat = subcategories[i]; var option = document.createElement('option'); option.value = subcat; option.textContent = subcat; select.appendChild(option); } } } function openModal(subcategory) { if (!isLoggedIn) { alert('Please sign in to add content!'); showLoginPage(); return; } document.getElementById('addModal').classList.add('active'); document.getElementById('categorySelect').value = currentCategory; updateSubcategoryOptions(); if (subcategory) { document.getElementById('subcategorySelect').value = subcategory; } } // Admin function to delete content function deleteContentItem(category, subcategory, index) { var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (!isAdmin) { alert('Only admin can delete content!'); return; } if (confirm('Are you sure you want to delete this item?')) { contentData[category][subcategory].splice(index, 1); if (db) { db.collection('siteContent').doc('contentData').set(contentData) .then(function() { alert('Content deleted!'); renderSubcategories(); }) .catch(function(error) { console.error('Error saving:', error); renderSubcategories(); }); } else { renderSubcategories(); } } } // Admin function to add content directly function addContentDirectly(category, subcategory, item) { var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (!isAdmin) { alert('Only admin can add content directly!'); return; } contentData[category][subcategory].push(item); if (db) { db.collection('siteContent').doc('contentData').set(contentData) .then(function() { alert('Content added!'); renderSubcategories(); }) .catch(function(error) { console.error('Error saving:', error); renderSubcategories(); }); } else { renderSubcategories(); } } // Admin function to reset all content to defaults function resetContentToDefaults() { var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; if (!isAdmin) { alert('Only admin can reset content!'); return; } if (confirm('This will reset ALL content to defaults and remove any changes you made. Are you sure?')) { if (db) { db.collection('siteContent').doc('contentData').delete() .then(function() { alert('Content reset to defaults! Refreshing page...'); location.reload(); }) .catch(function(error) { console.error('Error resetting:', error); alert('Error resetting content: ' + error.message); }); } else { alert('Database not available'); } } } function closeModal() { var modal = document.getElementById('addModal'); if (modal) { modal.classList.remove('active'); modal.style.display = 'none'; } var form = document.getElementById('addForm'); if (form) form.reset(); } function showSuccessMessage() { var msg = document.getElementById('successMessage'); msg.classList.add('show'); setTimeout(function() { msg.classList.remove('show'); }, 3000); } // Load pendingSubmissions from localStorage // No cache: pendingSubmissions = []; // ========== SEARCH FUNCTIONALITY ========== var searchQuery = ''; var currentFilter = 'all'; var showOnlyFavorites = false; compareList = Array.isArray(compareList) ? compareList : []; userFavorites = Array.isArray(userFavorites) ? userFavorites : []; toolRatings = toolRatings && typeof toolRatings === 'object' ? toolRatings : {}; function handleSearch() { searchQuery = document.getElementById('searchInput').value.toLowerCase().trim(); var clearBtn = document.getElementById('searchClear'); if (searchQuery) { clearBtn.classList.add('visible'); } else { clearBtn.classList.remove('visible'); } renderSubcategories(); updateSearchCount(); } function clearSearch() { document.getElementById('searchInput').value = ''; searchQuery = ''; document.getElementById('searchClear').classList.remove('visible'); document.getElementById('searchResultsCount').textContent = ''; renderSubcategories(); } function updateSearchCount() { var countEl = document.getElementById('searchResultsCount'); if (!searchQuery) { countEl.textContent = ''; return; } var count = 0; var subcategories = contentData[currentCategory]; var subcatKeys = Object.keys(subcategories); for (var i = 0; i < subcatKeys.length; i++) { var subcat = subcatKeys[i]; var items = subcategories[subcat]; for (var j = 0; j < items.length; j++) { var item = items[j]; if (item.title.toLowerCase().indexOf(searchQuery) !== -1 || item.desc.toLowerCase().indexOf(searchQuery) !== -1) { count++; } } } countEl.textContent = count + ' result' + (count !== 1 ? 's' : '') + ' found'; } // ========== FILTER FUNCTIONALITY ========== function setFilter(filter) { currentFilter = filter; var buttons = document.querySelectorAll('.filter-btn'); for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove('active'); } document.getElementById('filterAll').classList.add('active'); showOnlyFavorites = false; document.getElementById('favoritesSection').classList.add('hidden'); renderSubcategories(); } function populateCategoryDropdown() { var dropdown = document.getElementById('categoryDropdown'); var html = ''; var cats = Object.keys(contentData); for (var i = 0; i < cats.length; i++) { var cat = cats[i]; html += '<div class="filter-option" onclick="filterByCategory(\'' + cat.replace(/'/g, "\\'") + '\')">' + cat + '</div>'; } dropdown.innerHTML = html; } function filterByCategory(category) { currentCategory = category; renderCategories(); renderSubcategories(); } function toggleFavorites() { showOnlyFavorites = !showOnlyFavorites; var favSection = document.getElementById('favoritesSection'); var favBtn = document.getElementById('filterFavorites'); if (showOnlyFavorites) { favSection.classList.remove('hidden'); favBtn.classList.add('active'); renderFavorites(); } else { favSection.classList.add('hidden'); favBtn.classList.remove('active'); } } function sortByRating() { var ratingBtn = document.getElementById('filterRating'); ratingBtn.classList.toggle('active'); renderSubcategories(); } // ========== TOAST NOTIFICATION ========== function showToast(message, type) { if (!type) type = 'success'; var toast = document.getElementById('toast'); var toastIcon = document.getElementById('toastIcon'); var toastMessage = document.getElementById('toastMessage'); toastMessage.textContent = message; toast.className = 'toast ' + type; if (type === 'success') { toastIcon.textContent = 'OK'; } else if (type === 'info') { toastIcon.textContent = 'i'; } toast.classList.add('show'); setTimeout(function() { toast.classList.remove('show'); }, 3000); } // ========== FAVORITES FUNCTIONALITY ========== function toggleFavorite(category, subcategory, index) { if (!isLoggedIn) { showToast('Please sign in to add favorites!', 'info'); showLoginPage(); return; } var key = category + '|' + subcategory + '|' + index; var idx = userFavorites.indexOf(key); if (idx > -1) { userFavorites.splice(idx, 1); showToast('Removed from favorites', 'info'); } else { userFavorites.push(key); showToast('Added to Dashboard favorites!', 'success'); } if (currentUser) { localStorage.setItem('favorites_' + currentUser.email, JSON.stringify(userFavorites)); } renderSubcategories(); updateFavoritesCount(); if (showOnlyFavorites) { renderFavorites(); } } function isFavorite(category, subcategory, index) { if (!Array.isArray(userFavorites)) return false; var key = category + '|' + subcategory + '|' + index; return userFavorites.indexOf(key) !== -1; } function removeFavorite(key) { var idx = userFavorites.indexOf(key); if (idx > -1) { userFavorites.splice(idx, 1); if (currentUser) { localStorage.setItem('favorites_' + currentUser.email, JSON.stringify(userFavorites)); } showToast('Removed from favorites', 'info'); renderDashboard(); updateFavoritesCount(); } } function loadFavoritesFromStorage() { if (currentUser) { var saved = localStorage.getItem('favorites_' + currentUser.email); var parsed = saved ? JSON.parse(saved) : []; userFavorites = parsed.filter(function(key) { if (typeof key !== 'string') return false; var parts = key.split('|'); if (parts.length !== 3) return false; var cat = parts[0]; var subcat = parts[1]; var idx = parseInt(parts[2], 10); return !!(contentData[cat] && contentData[cat][subcat] && contentData[cat][subcat][idx]); }); } else { userFavorites = []; } } function loadCompareFromStorage() { if (currentUser) { var saved = localStorage.getItem('compare_' + currentUser.email); var parsed = saved ? JSON.parse(saved) : []; compareList = parsed.filter(function(entry) { if (!entry || typeof entry !== 'object') return false; var idx = parseInt(entry.index, 10); return !!(entry.category && entry.subcategory && !isNaN(idx) && contentData[entry.category] && contentData[entry.category][entry.subcategory] && contentData[entry.category][entry.subcategory][idx]); }).map(function(entry) { var idx = parseInt(entry.index, 10); var tool = contentData[entry.category][entry.subcategory][idx]; return { key: entry.category + '|' + entry.subcategory + '|' + idx, category: entry.category, subcategory: entry.subcategory, index: idx, title: tool && tool.title ? tool.title : (entry.title || 'Tool') }; }); } else { compareList = []; } } function updateFavoritesCount() { var el = document.getElementById('favoritesCount'); if (el) el.textContent = userFavorites.length; } function renderFavorites() { var grid = document.getElementById('favoritesGrid'); if (userFavorites.length === 0) { grid.innerHTML = '<p style="color: var(--gray-400); text-align: center; padding: 30px;">No favorites yet. Click the heart on any tool to add it!</p>'; return; } var html = ''; for (var i = 0; i < userFavorites.length; i++) { var key = userFavorites[i]; var parts = key.split('|'); var cat = parts[0]; var subcat = parts[1]; var idx = parts[2]; if (contentData[cat] && contentData[cat][subcat] && contentData[cat][subcat][idx]) { var item = contentData[cat][subcat][idx]; html += createToolCard(item, cat, subcat, parseInt(idx), true); } } grid.innerHTML = html; updateFavoritesCount(); } // ========== RATINGS FUNCTIONALITY ========== function rateItem(category, subcategory, index, rating) { var key = category + '|' + subcategory + '|' + index; if (!toolRatings[key]) { toolRatings[key] = { total: 0, count: 0 }; } toolRatings[key].total += rating; toolRatings[key].count += 1; localStorage.setItem('toolRatings', JSON.stringify(toolRatings)); renderSubcategories(); } function getAverageRating(category, subcategory, index) { var key = category + '|' + subcategory + '|' + index; if (toolRatings[key] && toolRatings[key].count > 0) { return (toolRatings[key].total / toolRatings[key].count).toFixed(1); } return 0; } function getRatingCount(category, subcategory, index) { var key = category + '|' + subcategory + '|' + index; return toolRatings[key] ? toolRatings[key].count : 0; } function renderStars(category, subcategory, index) { var avg = parseFloat(getAverageRating(category, subcategory, index)); var count = getRatingCount(category, subcategory, index); var html = '<div class="rating-container"><div class="rating-stars">'; for (var i = 1; i <= 5; i++) { var filled = i <= Math.round(avg); html += '<span class="rating-star ' + (filled ? 'filled' : 'empty') + '" onclick="rateItem(\'' + category.replace(/'/g, "\\'") + '\', \'' + subcategory.replace(/'/g, "\\'") + '\', ' + index + ', ' + i + ')">★</span>'; } html += '</div>'; if (count > 0) { html += '<span class="avg-rating">' + avg + '</span>'; html += '<span class="rating-count">(' + count + ' reviews)</span>'; } else { html += '<span class="rating-count">Rate this tool</span>'; } html += '</div>'; return html; } // ========== COMPARE FUNCTIONALITY ========== function toggleCompare(category, subcategory, index, title) { if (!isLoggedIn) { showToast('Please sign in to use compare!', 'info'); showLoginPage(); return; } // Ensure index is a number index = parseInt(index, 10); var key = category + '|' + subcategory + '|' + index; var existing = -1; for (var i = 0; i < compareList.length; i++) { if (compareList[i].key === key) { existing = i; break; } } if (existing > -1) { compareList.splice(existing, 1); showToast('Removed from compare', 'info'); } else if (compareList.length < 3) { compareList.push({ key: key, category: category, subcategory: subcategory, index: index, title: title }); showToast('Added to compare! (' + compareList.length + '/3)', 'success'); console.log('Added to compareList:', compareList); } else { showToast('You can only compare up to 3 tools!', 'error'); return; } // Save to localStorage if (currentUser) { localStorage.setItem('compare_' + currentUser.email, JSON.stringify(compareList)); } updateCompareBar(); renderSubcategories(); } function isInCompare(category, subcategory, index) { if (!Array.isArray(compareList)) return false; var key = category + '|' + subcategory + '|' + index; for (var i = 0; i < compareList.length; i++) { if (compareList[i].key === key) return true; } return false; } function updateCompareBar() { var bar = document.getElementById('compareBar'); var items = document.getElementById('compareItems'); if (!bar || !items) return; if (!compareList || compareList.length === 0) { bar.style.display = 'none'; bar.classList.remove('active'); return; } bar.style.display = 'flex'; bar.classList.add('active'); var html = ''; for (var i = 0; i < compareList.length; i++) { var item = compareList[i]; var safeKey = (item.key || '').replace(/'/g, "\\'"); html += '<div class="compare-item">' + (item.title || 'Tool') + ' <button class="compare-item-remove" onclick="removeFromCompare(\'' + safeKey + '\')">x</button></div>'; } items.innerHTML = html; } function removeFromCompare(key) { var newList = []; for (var i = 0; i < compareList.length; i++) { if (compareList[i].key !== key) { newList.push(compareList[i]); } } compareList = newList; // Save to localStorage if (currentUser) { localStorage.setItem('compare_' + currentUser.email, JSON.stringify(compareList)); } updateCompareBar(); renderSubcategories(); } function clearCompare() { compareList = []; // Save to localStorage if (currentUser) { localStorage.setItem('compare_' + currentUser.email, JSON.stringify(compareList)); } updateCompareBar(); renderSubcategories(); } function showCompareModal() { // Debug: log to console if (typeof console !== 'undefined') { console.log('showCompareModal called'); console.log('compareList length:', compareList.length); } // Check if we have enough items if (compareList.length < 2) { showToast('Please select at least 2 tools to compare!', 'info'); return; } // Get the modal elements var modal = document.getElementById('compareModal'); var table = document.getElementById('compareTable'); if (!modal || !table) { alert('Error: Compare modal not found'); return; } // Build comparison HTML var html = ''; for (var i = 0; i < compareList.length; i++) { var item = compareList[i]; var idx = parseInt(item.index, 10); // Get the tool data var tool = null; if (contentData[item.category] && contentData[item.category][item.subcategory]) { tool = contentData[item.category][item.subcategory][idx]; } if (!tool) { // Fallback: use stored title html += '<div class="compare-card">'; html += '<h3 class="compare-card-title">' + (item.title || 'Unknown Tool') + '</h3>'; html += '<p class="compare-card-desc">Tool data not available</p>'; html += '</div>'; continue; } html += '<div class="compare-card">'; html += '<h3 class="compare-card-title">' + (tool.title || item.title) + '</h3>'; html += '<p class="compare-card-desc">' + (tool.desc || 'No description') + '</p>'; html += '<div class="compare-card-info">'; html += '<p><strong>Category:</strong> ' + item.category + '</p>'; html += '<p><strong>Subcategory:</strong> ' + item.subcategory + '</p>'; if (tool.link) { html += '<p><strong>Website:</strong> <a href="' + tool.link + '" target="_blank" style="color: #a78bfa;">' + tool.link + '</a></p>'; } if (tool.contact) { html += '<p><strong>Contact:</strong> ' + tool.contact + '</p>'; } html += '</div>'; html += '</div>'; } // Set the content and show modal table.innerHTML = html; modal.style.display = 'flex'; modal.classList.add('active'); } function closeCompareModal() { var modal = document.getElementById('compareModal'); if (modal) { modal.style.display = 'none'; modal.classList.remove('active'); } } // ===== NEW: Use Case data (exact list provided) ===== var useCasesData = [ { "name": "Grow a YouTube Channel", "slug": "grow-youtube-channel", "description": "Tools for planning, scripting, editing, and improving YouTube content." }, { "name": "Earn Online with AI", "slug": "earn-online", "description": "Tools to generate income, build digital products, and monetize skills." }, { "name": "Study Smarter", "slug": "study-smarter", "description": "Tools to help with studying, assignments, and understanding topics faster." }, { "name": "Finish Assignments Faster", "slug": "finish-assignments", "description": "Tools that speed up homework, writing, and research tasks." }, { "name": "Launch a Startup", "slug": "launch-startup", "description": "Tools for turning ideas into products and building a business." }, { "name": "Write Content Faster", "slug": "write-content", "description": "Tools for writing blogs, emails, and marketing content efficiently." }, { "name": "Plan Social Media Content", "slug": "social-media-content", "description": "Tools for creating, scheduling, and managing social posts." }, { "name": "Generate Content Ideas", "slug": "content-ideas", "description": "Tools for brainstorming ideas for videos, posts, and articles." }, { "name": "Save Time on Daily Tasks", "slug": "save-time", "description": "Tools that automate repetitive tasks and workflows." }, { "name": "Summarize Documents", "slug": "summarize-documents", "description": "Tools to quickly extract key points from long text or files." }, { "name": "Build Apps Faster", "slug": "build-apps", "description": "Tools for building applications, prototypes, and software quickly." }, { "name": "Write and Fix Code", "slug": "code-tools", "description": "Tools for coding, debugging, and improving code quality." } ]; // Collect tools that declare useCases function collectToolsForUseCase(slug) { var results = []; Object.keys(contentData).forEach(function(cat) { Object.keys(contentData[cat]).forEach(function(subcat) { var items = contentData[cat][subcat] || []; items.forEach(function(item, idx) { if (!item) return; if (item.useCases && Array.isArray(item.useCases) && item.useCases.indexOf(slug) !== -1) { results.push({ item: item, category: cat, subcategory: subcat, index: idx }); } }); }); }); return results; } // Render a use-case page at /use-case/{slug} function renderUseCasePage(slug) { var uc = useCasesData.find(function(u){ return u.slug === slug; }); var name = uc ? uc.name : (slug.replace(/-/g,' ')); var title = 'Best AI Tools for ' + name + ' (2026)'; var description = 'Explore AI tools for ' + name + '. Compare features, pricing, and use cases to find the most suitable tools.'; var intro = 'AI tools for ' + name + ' help improve efficiency, reduce manual work, and achieve better results with less effort.'; document.title = title; var meta = document.querySelector('meta[name="description"]'); if (!meta) { meta = document.createElement('meta'); meta.name = 'description'; document.head.appendChild(meta); } meta.content = description; var container = document.getElementById('mainContent'); if (!container) return; container.innerHTML = '<div class="header-section"><h2>' + title + '</h2><p style="font-size:1rem;color:rgba(255,255,255,0.8);">' + description + '</p><p style="color:var(--gray-300);">' + intro + '</p></div><div id="usecaseTools" class="content-grid" style="margin-top:12px;"></div>'; var tools = collectToolsForUseCase(slug); var grid = document.getElementById('usecaseTools'); if (!grid) return; if (tools.length === 0) { grid.innerHTML = '<p style="color:var(--gray-400); padding:20px;">No tools found for this use case yet.</p>'; return; } var html = ''; for (var i=0;i<tools.length;i++) { var t = tools[i]; html += createToolCard(t.item, t.category, t.subcategory, t.index, false, false); } grid.innerHTML = html; } function navigateToUseCase(slug) { var path = '/use-case/' + slug; history.pushState({ usecase: slug }, '', path); renderUseCasePage(slug); } function renderUseCasesList(targetId) { var wrap = document.getElementById(targetId); if (!wrap) return; var html = ''; useCasesData.forEach(function(u){ html += '<button class="usecase-card" style="background:rgba(255,255,255,0.03);border:none;padding:10px 14px;border-radius:10px;cursor:pointer;min-width:200px;text-align:left;" onclick="navigateToUseCase(\'' + u.slug + '\')">'; html += '<div style="font-weight:700;">' + u.name + '</div>'; html += '<div style="font-size:12px;color:rgba(255,255,255,0.7);margin-top:6px;">' + u.description + '</div>'; html += '</button>'; }); wrap.innerHTML = html; } // Hook routing for /use-case on page load function handleUseCaseRoutingOnLoad() { var path = window.location.pathname || '/'; var match = path.match(/^\/use-case\/(.+)$/); if (match && match[1]) { var slug = decodeURIComponent(match[1]); renderUseCasePage(slug); } } // ========== PAYMENT FUNCTIONS ========== async function initPaddle() { if (!paddleClientToken || paddleClientToken.indexOf('INSERT_') === 0) { console.log('ℹ️ Paddle skipped (client token not configured)'); return; } try { var initializePaddleFn = null; if (window.Paddle && typeof window.Paddle.Initialize === 'function') { initializePaddleFn = function(options) { window.Paddle.Environment.set(options.environment || 'production'); window.Paddle.Initialize({ token: options.token }); return window.Paddle; }; } else { var paddleModule = await import('https://cdn.paddle.com/paddle/v2/paddle.js'); initializePaddleFn = paddleModule && paddleModule.initializePaddle ? paddleModule.initializePaddle : null; } if (!initializePaddleFn) { throw new Error('Paddle initializer unavailable'); } paddle = await initializePaddleFn({ environment: 'production', token: paddleClientToken }); console.log('✅ Paddle initialized'); } catch (error) { console.warn('⚠️ Paddle not loaded.', error && error.message ? error.message : error); } } // ========== STRIPE PAYMENT FUNCTIONS ========== function initStripe() { if (typeof Stripe !== 'undefined') { stripe = Stripe(stripePublicKey); stripeElements = stripe.elements(); console.log('✅ Stripe initialized'); } else { console.warn('⚠️ Stripe not loaded'); } } function setButtonLoading(button, isLoading, loadingText) { if (!button) return; if (isLoading) { if (!button.dataset.originalText) { button.dataset.originalText = button.textContent; } button.disabled = true; button.style.opacity = '0.7'; button.style.cursor = 'not-allowed'; button.textContent = loadingText || 'Processing...'; } else { button.disabled = false; button.style.opacity = ''; button.style.cursor = ''; if (button.dataset.originalText) { button.textContent = button.dataset.originalText; } } } function getDefaultLookupKey() { var lookupField = document.getElementById('priceLookupKey'); return lookupField && lookupField.value ? lookupField.value : ''; } function getPaddlePriceId(lookupKey) { var key = lookupKey || getDefaultLookupKey(); return paddlePriceIds[key] || paddlePriceIds.rexol_starter_monthly || ''; } function handleCheckoutFormSubmit(event) { event.preventDefault(); openPaymentModal(currentPaymentSubmissionId || '', document.getElementById('checkoutAndPortalButton'), getDefaultLookupKey()); } function handlePortalFormSubmit(event) { event.preventDefault(); var sessionInput = document.getElementById('billingSessionId'); var sessionId = sessionInput ? sessionInput.value : ''; if (!sessionId) { showToast('No checkout session found. Complete checkout first.', 'error'); return; } var portalButton = document.getElementById('portalButton'); setButtonLoading(portalButton, true, 'Opening billing portal...'); fetch(portalEndpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ session_id: sessionId }) }) .then(function(response) { return response.json(); }) .then(function(data) { if (data && data.success && data.url) { window.location.href = data.url; } else { setButtonLoading(portalButton, false); showToast('Could not open billing portal', 'error'); } }) .catch(function(error) { console.error('Billing portal error:', error); setButtonLoading(portalButton, false); showToast('Billing portal unavailable. Please try again later.', 'error'); }); } function openPaymentModal(submissionId, triggerButton, lookupKey) { if (isCheckoutInProgress) { showToast('Checkout is already starting. Please wait...', 'info'); return; } if (!isLoggedIn || !currentUser || !currentUser.email) { showToast('Please sign in before checkout', 'error'); showLoginPage(); return; } isCheckoutInProgress = true; currentPaymentSubmissionId = submissionId || currentPaymentSubmissionId || ''; setButtonLoading(triggerButton, true, 'Redirecting...'); var paddlePriceId = getPaddlePriceId(lookupKey); var canUsePaddle = paddle && paddle.Checkout && typeof paddle.Checkout.open === 'function' && paddlePriceId; // If FastSpring checkout URL configured, open direct link with submission id if (fastspringCheckoutUrl && submissionId) { try { var sep = fastspringCheckoutUrl.indexOf('?') === -1 ? '?' : '&'; var url = fastspringCheckoutUrl + sep + 'sid=' + encodeURIComponent(submissionId); window.open(url, '_blank'); showToast('Opening FastSpring checkout...', 'info'); setButtonLoading(triggerButton, false); isCheckoutInProgress = false; return; } catch (fsErr) { console.error('FastSpring open error', fsErr); showToast('Could not open FastSpring checkout', 'error'); setButtonLoading(triggerButton, false); isCheckoutInProgress = false; return; } } if (canUsePaddle) { try { paddle.Checkout.open({ items: [ { priceId: paddlePriceId, quantity: 1 } ] }); showToast('Opening secure checkout...', 'info'); setButtonLoading(triggerButton, false); isCheckoutInProgress = false; return; } catch (paddleError) { console.error('Paddle checkout error:', paddleError); showToast('Paddle checkout failed. Please verify Paddle price IDs (pri_...) and token.', 'error'); setButtonLoading(triggerButton, false); isCheckoutInProgress = false; return; } } showToast('Paddle checkout is not ready. Confirm Paddle loaded and use price IDs (pri_...).', 'error'); setButtonLoading(triggerButton, false); isCheckoutInProgress = false; } function checkPaymentStatus() { var urlParams = new URLSearchParams(window.location.search); var paymentStatus = urlParams.get('payment'); var submissionId = urlParams.get('sid'); var checkoutSessionId = urlParams.get('session_id'); var portalSection = document.getElementById('stripeBillingSection'); var sessionInput = document.getElementById('billingSessionId'); if (checkoutSessionId && sessionInput) { sessionInput.value = checkoutSessionId; } if (paymentStatus === 'success') { showToast('🎉 Payment successful! Your listing is now Premium!', 'success'); isCheckoutInProgress = false; if (portalSection) portalSection.style.display = 'block'; // Update local state if we have the submission ID if (submissionId) { try { localStorage.setItem('rexol_assigned_startup_plan', 'premium'); localStorage.setItem('rexol_view_mode', 'max'); } catch (e) {} try { setViewMode('max'); } catch (e) {} addPremiumSubmissionId(submissionId); for (var i = 0; i < userContent.length; i++) { if ((userContent[i].firestoreId === submissionId) || (userContent[i].id === submissionId)) { userContent[i].isPremium = true; userContent[i].premiumDate = new Date().toISOString(); } } for (var j = 0; j < pendingSubmissions.length; j++) { if ((pendingSubmissions[j].firestoreId === submissionId) || (pendingSubmissions[j].id === submissionId)) { pendingSubmissions[j].isPremium = true; pendingSubmissions[j].premiumDate = new Date().toISOString(); } } if (db) { db.collection('submissions').doc(submissionId).update({ isPremium: true, premiumDate: new Date().toISOString() }).catch(function(e) { console.log('Will be updated by webhook'); }); } // Redirect to premium page so user sees Max content immediately try { window.location.href = '/premium_startups.html'; } catch (e) {} var dashboardPage = document.getElementById('dashboardPage'); if (dashboardPage && !dashboardPage.classList.contains('hidden')) { renderDashboard(); } var startupsPage = document.getElementById('startupsPage'); if (startupsPage && !startupsPage.classList.contains('hidden')) { renderStartupsPage(); } } // Clean URL window.history.replaceState({}, document.title, window.location.pathname); } else if (paymentStatus === 'cancelled') { showToast('Payment cancelled', 'info'); isCheckoutInProgress = false; window.history.replaceState({}, document.title, window.location.pathname); } } // Attach FastSpring customer email dynamically to buttons and guard clicks when not logged in function attachFastSpringEmailToButtons() { try { var buttons = document.querySelectorAll('.fastspring-btn'); buttons.forEach(function(btn) { // If user is logged in, set the attribute if (isLoggedIn && currentUser && currentUser.email) { btn.setAttribute('data-fsc-customer-email', currentUser.email); } else { // Remove any leftover email btn.removeAttribute('data-fsc-customer-email'); } }); } catch (e) { console.error('attachFastSpringEmailToButtons error', e); } } // Delegate click to ensure login check before any FastSpring auto-binding triggers document.addEventListener('click', function(e) { var btn = e.target.closest ? e.target.closest('.fastspring-btn') : null; if (!btn) return; if (!isLoggedIn || !currentUser || !currentUser.email) { e.preventDefault(); e.stopPropagation(); showToast('Please log in before subscribing', 'error'); return false; } // Ensure the email attribute is present immediately before FastSpring handles the click try { btn.setAttribute('data-fsc-customer-email', currentUser.email); } catch (err) { console.error('Failed to set data-fsc-customer-email', err); } // Allow click to proceed }, true); // Keep FastSpring attributes updated on auth changes (function() { var originalAuthHandler = null; try { // If onAuthStateChanged exists, wrap it to update buttons after auth changes if (typeof auth !== 'undefined' && auth && typeof auth.onAuthStateChanged === 'function') { // We cannot overwrite firebase's onAuthStateChanged easily here, but ensure we update when pages render // Call once on load window.addEventListener('load', function() { setTimeout(attachFastSpringEmailToButtons, 500); }); } } catch (e) { // fallback window.addEventListener('load', function() { setTimeout(attachFastSpringEmailToButtons, 500); }); } })(); // ========== RECENTLY ADDED ========== function renderRecentlyAdded() { var grid = document.getElementById('recentlyAddedGrid'); var recentTools = []; var cats = Object.keys(contentData); for (var i = 0; i < cats.length; i++) { var cat = cats[i]; var subcats = Object.keys(contentData[cat]); for (var j = 0; j < subcats.length; j++) { var subcat = subcats[j]; var items = contentData[cat][subcat]; if (items.length > 0) { var lastItem = items[items.length - 1]; recentTools.push({ item: lastItem, category: cat, subcategory: subcat, index: items.length - 1 }); } } } var displayTools = recentTools.slice(0, 4); var html = ''; for (var k = 0; k < displayTools.length; k++) { var tool = displayTools[k]; html += createToolCard(tool.item, tool.category, tool.subcategory, tool.index, false, true); } grid.innerHTML = html; } // ========== MOBILE MENU ========== function toggleMobileMenu() { var menu = document.getElementById('mobileMenu'); var btn = document.getElementById('hamburgerBtn'); menu.classList.toggle('active'); btn.classList.toggle('active'); } function closeMobileMenu() { document.getElementById('mobileMenu').classList.remove('active'); document.getElementById('hamburgerBtn').classList.remove('active'); } function closeMobileAndGo(target) { closeMobileMenu(); switch(target) { case 'dashboard': showDashboard(); break; case 'startups': showStartups(); break; case 'favorites': toggleFavorites(); break; case 'login': showLoginPage(); break; } } // ========== HELPER: CREATE TOOL CARD ========== function createToolCard(item, category, subcategory, index, isFav, isNew) { if (isFav === undefined) isFav = false; if (isNew === undefined) isNew = false; var favClass = isFavorite(category, subcategory, index) ? 'active' : ''; var compareClass = isInCompare(category, subcategory, index) ? 'active' : ''; var isAdmin = currentUser && currentUser.email === 'sahiblisahib2008@gmail.com'; var financeStatus = getFinancialStatus(item); var financeUi = getFinancialStatusUi(financeStatus); var html = '<div class="content-box" style="position: relative;">'; html += '<div class="card-actions">'; // Favorite button html += '<button class="action-btn favorite-btn ' + favClass + '" onclick=\'event.stopPropagation(); toggleFavorite("' + category.replace(/"/g, "\\\"") + '", "' + subcategory.replace(/"/g, "\\\"") + '", ' + index + ')\'>'; html += '<svg width="18" height="18" viewBox="0 0 24 24" fill="' + (isFavorite(category, subcategory, index) ? '#ef4444' : 'none') + '" stroke="' + (isFavorite(category, subcategory, index) ? '#ef4444' : 'white') + '" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>'; html += '</button>'; // Compare button html += '<button class="action-btn compare-btn ' + compareClass + '" onclick=\'event.stopPropagation(); toggleCompare("' + category.replace(/"/g, "\\\"") + '", "' + subcategory.replace(/"/g, "\\\"") + '", ' + index + ', "' + item.title.replace(/"/g, "\\\"") + '")\' title="Add to compare">'; html += '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M16 3h5v5M8 3H3v5M3 16v5h5M21 16v5h-5M21 3l-9 9M3 21l9-9"></path></svg>'; html += '</button>'; html += '</div>'; // Admin delete button if (isAdmin) { html += '<button onclick="deleteContentItem(\'' + category.replace(/'/g, "\\'") + '\', \'' + subcategory.replace(/'/g, "\\'") + '\', ' + index + ')" style="position: absolute; top: 15px; left: 15px; background: #ff4757; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; font-size: 12px; z-index: 10;">🗑️</button>'; } // New badge if (isNew) { html += '<span style="position: absolute; top: 60px; right: 15px; background: #22c55e; color: white; padding: 3px 8px; border-radius: 10px; font-size: 10px; font-weight: 700;">NEW</span>'; } html += '<button class="pricing-status-btn ' + financeUi.className + '" disabled aria-label="Financial status">' + financeUi.label + '</button>'; html += '<h3>' + item.title + '</h3>'; html += '<p>' + item.desc + '</p>'; if (item.contact) html += '<span class="contact-info">Contact: ' + item.contact + '</span>'; if (item.link) html += '<a href="' + item.link + '" target="_blank">Visit Website</a>'; html += '</div>'; return html; } 📊 Compare:

📊 AI Tool Comparison

✅ Added to favorites! 💬 Contact Us 📬 Inbox 0

💬 Get In Touch

Name *

Email for Reply *

Description *

Company/Organization Name

Partnership Type

Website URL

Additional Details

📬 Admin Inbox

Discover the AI tools you need

(adsbygoogle = window.adsbygoogle || []).push({}); // ====== RATING SYSTEM LOGIC ====== var isRatingInProgress = false; // Prevent multiple simultaneous rating clicks function getCurrentUserKey() { if (!currentUser) return ''; return currentUser.uid || currentUser.email.replace(/\./g, '_'); } function rateStartup(startupId, rating) { if (isRatingInProgress) { return; // Ignore if a rating is already being processed } if (!isLoggedIn || !currentUser) { showToast('Sign in to rate!', 'error'); return; } var sub = pendingSubmissions.find(function(s){return s.id===startupId;}); if (!sub) return; if (!sub.ratings) sub.ratings = {}; var userKey = getCurrentUserKey(); if (!userKey) return; var existingRating = sub.ratings[userKey]; if (existingRating && existingRating.value) { showToast('You can rate only once for this Start-Up.', 'error'); return; } isRatingInProgress = true; // Lock rating var userData = { value: rating, time: Date.now(), userName: currentUser.name || 'User' }; sub.ratings[userKey] = userData; // Save to Firestore if (db && sub.firestoreId) { var ratingKey = 'ratings.' + userKey; var updateData = {}; updateData[ratingKey] = userData; db.collection('submissions').doc(sub.firestoreId).update(updateData) .then(function(){ localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Rating saved!','success'); isRatingInProgress = false; // Unlock rating renderStartupsPage(); }) .catch(function(err){ console.error('Firestore rating save error:', err); // Fallback to localStorage if Firestore fails localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); isRatingInProgress = false; // Unlock rating renderStartupsPage(); }); } else { // Local only localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); isRatingInProgress = false; // Unlock rating renderStartupsPage(); } } function submitComment(event, startupId) { event.preventDefault(); if (!isLoggedIn || !currentUser) { showToast('Sign in to comment!', 'error'); return; } var sub = pendingSubmissions.find(function(s){return s.id===startupId;}); if (!sub) return; if (!sub.comments) sub.comments = {}; var input = document.getElementById('commentInput_' + startupId); var text = input.value.trim(); if (!text) { showToast('Comment cannot be empty','error'); return; } var userKey = getCurrentUserKey(); if (!userKey) return; var commentObj = { text: text, time: Date.now(), userName: currentUser.name || 'User' }; sub.comments[userKey] = commentObj; // Save to Firestore if (db && sub.firestoreId) { var commentKey = 'comments.' + userKey; var updateData = {}; updateData[commentKey] = commentObj; db.collection('submissions').doc(sub.firestoreId).update(updateData) .then(function(){ localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Comment saved!','success'); renderStartupsPage(); }) .catch(function(err){ console.error('Firestore comment save error:', err); // Fallback to localStorage if Firestore fails localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); renderStartupsPage(); }); } else { localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); renderStartupsPage(); } } function editComment(startupId) { var input = document.getElementById('commentInput_' + startupId); if (input) input.focus(); } function deleteComment(startupId) { if (!isLoggedIn || !currentUser) return; var userKey = getCurrentUserKey(); if (!userKey) return; var sub = pendingSubmissions.find(function(s){return s.id===startupId;}); if (!sub || !sub.comments || !sub.comments[userKey]) return; delete sub.comments[userKey]; if (db && sub.firestoreId) { var updateObj = {}; updateObj['comments.' + userKey] = firebase.firestore.FieldValue.delete(); db.collection('submissions').doc(sub.firestoreId).update(updateObj) .then(function(){ localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Comment deleted!','success'); renderStartupsPage(); }) .catch(function(err){ console.error('Firestore comment delete error:', err); // Fallback to localStorage if Firestore fails localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); renderStartupsPage(); }); } else { localStorage.setItem('pendingSubmissions', JSON.stringify(pendingSubmissions)); showToast('Saved locally (offline mode)','info'); renderStartupsPage(); } }