338 lines
15 KiB
HTML
338 lines
15 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="description" content="Goa-GEL Platform Documentation - Complete guides for users, testers, and developers">
|
||
|
|
<title>Goa-GEL Documentation</title>
|
||
|
|
<link rel="stylesheet" href="/css/styles.css">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Navigation Header -->
|
||
|
|
<header class="header">
|
||
|
|
<div class="container">
|
||
|
|
<div class="header-content">
|
||
|
|
<div class="logo">
|
||
|
|
<h1>🏛️ Goa-GEL</h1>
|
||
|
|
<p>Government e-Licensing Platform</p>
|
||
|
|
</div>
|
||
|
|
<nav class="main-nav">
|
||
|
|
<a href="/" class="active">Home</a>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE">User Guide</a>
|
||
|
|
<a href="/viewer.html?doc=E2E_TESTING_GUIDE">Testing</a>
|
||
|
|
<a href="https://github.com/goa-gel" target="_blank">GitHub</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Hero Section -->
|
||
|
|
<section class="hero">
|
||
|
|
<div class="container">
|
||
|
|
<h1 class="hero-title">📚 Platform Documentation</h1>
|
||
|
|
<p class="hero-subtitle">Complete guides for all users, testers, and developers</p>
|
||
|
|
<div class="hero-stats">
|
||
|
|
<div class="stat">
|
||
|
|
<span class="stat-number">5</span>
|
||
|
|
<span class="stat-label">Comprehensive Guides</span>
|
||
|
|
</div>
|
||
|
|
<div class="stat">
|
||
|
|
<span class="stat-number">3,000+</span>
|
||
|
|
<span class="stat-label">Lines of Documentation</span>
|
||
|
|
</div>
|
||
|
|
<div class="stat">
|
||
|
|
<span class="stat-number">8</span>
|
||
|
|
<span class="stat-label">User Roles Covered</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Quick Start Section -->
|
||
|
|
<section class="quick-start">
|
||
|
|
<div class="container">
|
||
|
|
<h2>🎯 Quick Start - Choose Your Path</h2>
|
||
|
|
<div class="cards-grid">
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE" class="card card-blue">
|
||
|
|
<div class="card-icon">👤</div>
|
||
|
|
<h3>I'm a User</h3>
|
||
|
|
<p>Learn how to use the platform as an Admin, Department Officer, or Citizen</p>
|
||
|
|
<span class="card-button">Open User Guide →</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="/viewer.html?doc=E2E_TESTING_GUIDE" class="card card-green">
|
||
|
|
<div class="card-icon">🧪</div>
|
||
|
|
<h3>I Need to Test</h3>
|
||
|
|
<p>Complete end-to-end testing guide with 20 detailed scenarios</p>
|
||
|
|
<span class="card-button">Open Testing Guide →</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="/viewer.html?doc=IMPLEMENTATION_COMPLETE" class="card card-purple">
|
||
|
|
<div class="card-icon">💻</div>
|
||
|
|
<h3>I'm a Developer</h3>
|
||
|
|
<p>Understand the implementation, architecture, and codebase</p>
|
||
|
|
<span class="card-button">Open Dev Guide →</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="/viewer.html?doc=ARCHITECTURE_GUIDE" class="card card-orange">
|
||
|
|
<div class="card-icon">🏗️</div>
|
||
|
|
<h3>I'm an Architect</h3>
|
||
|
|
<p>Deep dive into technical architecture and system design</p>
|
||
|
|
<span class="card-button">Open Architecture →</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Documentation Library -->
|
||
|
|
<section class="documentation">
|
||
|
|
<div class="container">
|
||
|
|
<h2>📖 Complete Documentation Library</h2>
|
||
|
|
|
||
|
|
<!-- User Documentation -->
|
||
|
|
<div class="doc-category">
|
||
|
|
<h3>👥 User Documentation</h3>
|
||
|
|
<div class="doc-list">
|
||
|
|
<div class="doc-item">
|
||
|
|
<div class="doc-info">
|
||
|
|
<h4>📘 User Guide</h4>
|
||
|
|
<p>Complete manual for all user roles - Administrators, Department Officers, and Citizens</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">650+ lines</span>
|
||
|
|
<span class="badge">All Roles</span>
|
||
|
|
<span class="badge">Step-by-Step</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE" class="btn btn-primary">Read Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="doc-item">
|
||
|
|
<h4>📚 Documentation Index</h4>
|
||
|
|
<p>Master navigation guide with role-based learning paths</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">Quick Navigation</span>
|
||
|
|
<span class="badge">11 Guides</span>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=DOCUMENTATION_INDEX" class="btn btn-secondary">View Index</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Testing Documentation -->
|
||
|
|
<div class="doc-category">
|
||
|
|
<h3>🧪 Testing & QA</h3>
|
||
|
|
<div class="doc-list">
|
||
|
|
<div class="doc-item">
|
||
|
|
<div class="doc-info">
|
||
|
|
<h4>🧪 E2E Testing Guide</h4>
|
||
|
|
<p>Comprehensive testing scenarios covering complete license approval workflow</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">600+ lines</span>
|
||
|
|
<span class="badge">20 Scenarios</span>
|
||
|
|
<span class="badge">QA Ready</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=E2E_TESTING_GUIDE" class="btn btn-primary">Open Testing Guide</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Developer Documentation -->
|
||
|
|
<div class="doc-category">
|
||
|
|
<h3>💻 Developer Documentation</h3>
|
||
|
|
<div class="doc-list">
|
||
|
|
<div class="doc-item">
|
||
|
|
<div class="doc-info">
|
||
|
|
<h4>📊 Implementation Complete</h4>
|
||
|
|
<p>Complete implementation status, components created, and API endpoints</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">100% Complete</span>
|
||
|
|
<span class="badge">45+ Components</span>
|
||
|
|
<span class="badge">13 Endpoints</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=IMPLEMENTATION_COMPLETE" class="btn btn-primary">View Status</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="doc-item">
|
||
|
|
<div class="doc-info">
|
||
|
|
<h4>🏗️ Architecture Guide</h4>
|
||
|
|
<p>Technical architecture, blockchain integration, and deployment</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">1000+ lines</span>
|
||
|
|
<span class="badge">C4 Model</span>
|
||
|
|
<span class="badge">Deep Dive</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=ARCHITECTURE_GUIDE" class="btn btn-primary">Read Architecture</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="doc-item">
|
||
|
|
<div class="doc-info">
|
||
|
|
<h4>⚡ Quick Start</h4>
|
||
|
|
<p>Set up and run the platform locally in minutes</p>
|
||
|
|
<div class="doc-meta">
|
||
|
|
<span class="badge">Setup Guide</span>
|
||
|
|
<span class="badge">10 mins</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/viewer.html?doc=QUICK_START" class="btn btn-secondary">Quick Setup</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Features Section -->
|
||
|
|
<section class="features">
|
||
|
|
<div class="container">
|
||
|
|
<h2>✨ Documentation Features</h2>
|
||
|
|
<div class="features-grid">
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">📱</div>
|
||
|
|
<h3>Mobile Friendly</h3>
|
||
|
|
<p>Responsive design works on all devices</p>
|
||
|
|
</div>
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">🔍</div>
|
||
|
|
<h3>Searchable</h3>
|
||
|
|
<p>Quick search across all documentation</p>
|
||
|
|
</div>
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">🎨</div>
|
||
|
|
<h3>Syntax Highlighting</h3>
|
||
|
|
<p>Beautiful code examples with highlighting</p>
|
||
|
|
</div>
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">📥</div>
|
||
|
|
<h3>Downloadable</h3>
|
||
|
|
<p>Download guides as PDF or Markdown</p>
|
||
|
|
</div>
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">🌐</div>
|
||
|
|
<h3>Multi-Language</h3>
|
||
|
|
<p>English with Hindi translations coming soon</p>
|
||
|
|
</div>
|
||
|
|
<div class="feature">
|
||
|
|
<div class="feature-icon">🔄</div>
|
||
|
|
<h3>Always Updated</h3>
|
||
|
|
<p>Documentation synced with platform updates</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Role-Based Guides -->
|
||
|
|
<section class="roles">
|
||
|
|
<div class="container">
|
||
|
|
<h2>👤 Documentation by Role</h2>
|
||
|
|
<div class="roles-grid">
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>👨💼 Administrator</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Admin portal guide</li>
|
||
|
|
<li>Department onboarding</li>
|
||
|
|
<li>User management</li>
|
||
|
|
<li>Monitoring dashboards</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE#administrators" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>🏛️ Department Officer</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Application review</li>
|
||
|
|
<li>Approval workflow</li>
|
||
|
|
<li>Document verification</li>
|
||
|
|
<li>Change requests</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE#department-officers" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>👥 Citizen</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Account creation</li>
|
||
|
|
<li>License application</li>
|
||
|
|
<li>Document upload</li>
|
||
|
|
<li>Status tracking</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE#citizens" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>💻 Developer</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Setup & installation</li>
|
||
|
|
<li>Code architecture</li>
|
||
|
|
<li>API documentation</li>
|
||
|
|
<li>Deployment guide</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=IMPLEMENTATION_COMPLETE" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>🧪 QA Engineer</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Test scenarios</li>
|
||
|
|
<li>E2E workflows</li>
|
||
|
|
<li>Error testing</li>
|
||
|
|
<li>Performance tests</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=E2E_TESTING_GUIDE" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="role-card">
|
||
|
|
<h3>🔧 DevOps</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Docker deployment</li>
|
||
|
|
<li>Infrastructure setup</li>
|
||
|
|
<li>Monitoring config</li>
|
||
|
|
<li>Security hardening</li>
|
||
|
|
</ul>
|
||
|
|
<a href="/viewer.html?doc=ARCHITECTURE_GUIDE#deployment" class="btn btn-sm">View Guide</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer class="footer">
|
||
|
|
<div class="container">
|
||
|
|
<div class="footer-content">
|
||
|
|
<div class="footer-section">
|
||
|
|
<h4>Goa-GEL Platform</h4>
|
||
|
|
<p>Government e-Licensing</p>
|
||
|
|
<p>Blockchain-based document verification</p>
|
||
|
|
</div>
|
||
|
|
<div class="footer-section">
|
||
|
|
<h4>Documentation</h4>
|
||
|
|
<a href="/viewer.html?doc=USER_GUIDE">User Guide</a>
|
||
|
|
<a href="/viewer.html?doc=E2E_TESTING_GUIDE">Testing Guide</a>
|
||
|
|
<a href="/viewer.html?doc=IMPLEMENTATION_COMPLETE">Dev Guide</a>
|
||
|
|
</div>
|
||
|
|
<div class="footer-section">
|
||
|
|
<h4>Resources</h4>
|
||
|
|
<a href="/viewer.html?doc=ARCHITECTURE_GUIDE">Architecture</a>
|
||
|
|
<a href="/viewer.html?doc=QUICK_START">Quick Start</a>
|
||
|
|
<a href="/viewer.html?doc=DOCUMENTATION_INDEX">All Docs</a>
|
||
|
|
</div>
|
||
|
|
<div class="footer-section">
|
||
|
|
<h4>Support</h4>
|
||
|
|
<p>Email: support@goa.gov.in</p>
|
||
|
|
<p>Phone: +91-832-XXXXXXX</p>
|
||
|
|
<p>Hours: Mon-Fri, 9 AM - 6 PM IST</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom">
|
||
|
|
<p>© 2026 Government of Goa. All rights reserved.</p>
|
||
|
|
<p>Version 1.0 | Last Updated: February 2026</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script src="/js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|