com.zaitme/repo1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add trending keywords app with opportunity scoring algorithm

Browse Source
This commit is contained in:
Imtiaz Ali
2025-10-29 22:38:46 +03:00
parent 784f9471a7
commit 448f013989
6 changed files with 951 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
public/index.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trending Keywords & Article Prompts</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<header>
<h1>Trending Keywords</h1>
<p>Discover globally trending topics and generate article prompts</p>
</header>
<main>
<section class="trending-section">
<h2>Today's Trending Keywords</h2>
<div class="refresh-container">
<button id="refresh-btn">Refresh Keywords</button>
<div id="loading" class="loading hidden">Loading...</div>
</div>
<div id="keywords-container" class="keywords-container">
<!-- Keywords will be populated here -->
</div>
</section>
<section class="prompt-section">
<h2>Article Prompt Generator</h2>
<div class="selected-keyword">
<p>Selected keyword: <span id="selected-keyword-text">None selected</span></p>
</div>
<button id="generate-prompt-btn" disabled>Generate Article Prompt</button>
<div id="prompt-result" class="prompt-result hidden">
<h3>Your ChatGPT Prompt</h3>
<div class="prompt-content">
<h4 id="prompt-title"></h4>
<div id="prompt-body"></div>
<div class="copy-container">
<button id="copy-prompt-btn">Copy Prompt</button>
<span id="copy-success" class="copy-success hidden">Copied!</span>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2023 Trending Keywords App</p>
</footer>
</div>
<script src="app.js"></script>
</body>
</html>