import React, { useState } from "react";
function ZeroCompetitionKeywordAnalyzer() {
const [keywords, setKeywords] = useState([]);
const [results, setResults] = useState([]);
const [loading, setLoading] = useState(false);
const handleInputChange = (e) => {
const input = e.target.value
.split(",")
.map((keyword) => keyword.trim())
.filter((keyword) => keyword !== "");
setKeywords(input);
};
const analyzeKeywords = async () => {
if (keywords.length === 0) {
alert("Please enter at least one keyword.");
return;
}
setLoading(true);
// Simulated API call for keyword analysis
const simulatedResults = keywords.map((keyword) => ({
keyword,
difficulty: Math.floor(Math.random() * 10), // Difficulty score (0-10)
competition: Math.floor(Math.random() * 5), // Competition % (0-5 for this scenario)
volume: Math.floor(Math.random() * 10000), // Monthly search volume
}));
// Filter for zero-competition keywords
const zeroCompetitionKeywords = simulatedResults.filter(
(result) => result.competition === 0
);
setTimeout(() => {
setResults(zeroCompetitionKeywords);
setLoading(false);
}, 1000); // Simulate 1-second delay
};
return (
Zero Competition Keyword Generator
{/* Keyword Input */}
Enter Keywords (comma-separated):
{loading ? "Analyzing..." : "Analyze for Zero Competition"}
{/* Results Table */}
{results.length > 0 && (
Zero Competition Keywords
Keyword
Difficulty
Search Volume
{results.map((result, index) => (
{result.keyword}
{result.difficulty}/10
{result.volume}
))}
{results.length === 0 && (
No zero-competition keywords found.
)}
)}
{results.length === 0 && !loading && (
No zero-competition keywords found. Try different keywords.
)}
);
}
export default ZeroCompetitionKeywordAnalyzer;
No comments:
Post a Comment