← Back to Codebase
- {detail?.url ? (
-
+
+
+ View Problem Tracker Entry
+
+
+ {problem.url ? (
+
View Original Problem
) : null}
- {detail?.githubSourceUrl ? (
-
+
+ {sourceUrl ? (
+
View GitHub Source
) : null}
- {loading ? (
-
-
-
-
-
-
-
+ {problem.explanation ? (
+
-
-
-
) : error ? (
@@ -98,96 +89,76 @@ export default function ProblemDetailPage() {
) : (
<>
-
-
- {detail.platform}
- {detail.difficulty || "Unknown"}
-
- {detail.title}
-Original problem metadata synced from coding-journal.
-
- {detail.language || "Unknown"}
-
- {detail.verified ? "Verified" : "Unverified"}
-
-
- Verification
-{detail.verified ? "This solution is marked as verified." : "This solution is not marked as verified yet."}
-
- {(detail.tags || []).slice(0, 4).map((tagName) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+ ))
+ ) : (
+ No tags
+ )}
+
+
+
+ {problem.platform}
+ {problem.difficulty || "Unknown"}
+ {problem.verified ? Verified : Not Verified }
+
+
+ Problem Metadata
+ ++ {problem.platform} • {problem.difficulty || "Difficulty not set"} + {getProblemSolvedAt(problem) + ? ` • ${formatDate(getProblemSolvedAt(problem))}` + : ""} +
+
+
+ {solutions.length} {solutions.length === 1 ? "Solution" : "Solutions"}
+
+
+ {solutionLanguages.length}{" "}
+ {solutionLanguages.length === 1 ? "Language" : "Languages"}
+
+
+
+ Available Languages
+ +
+ {solutionLanguages.length ? (
+ solutionLanguages.map((languageName) => (
+ {languageName}
+ ))
+ ) : (
+ No language added
+ )}
+
+
+ {problem.timeComplexity ? (
+ Time: {problem.timeComplexity}
+ ) : null}
+ {problem.spaceComplexity ? (
+ Space: {problem.spaceComplexity}
+ ) : null}
+
+
+ Complexity
+ ++ {problem.timeComplexity || problem.spaceComplexity + ? "Complexity notes are included in this coding-journal entry." + : "Complexity notes are not available yet."} +
+
+ {(problem.tags || []).length ? (
+ problem.tags.slice(0, 5).map((tagName) => (
{tagName}
- ))}
-
- Tags
-{(detail.tags || []).length ? `${(detail.tags || []).length} tags attached to this entry.` : "No tags added yet."}
-
- Complexity
-
- {detail.timeComplexity || "Unavailable"}
-{detail.spaceComplexity ? `Space: ${detail.spaceComplexity}` : "Space complexity unavailable."}
-Tags
+ ++ {(problem.tags || []).length + ? `${problem.tags.length} tags attached to this solution article.` + : "No tags attached yet."} +
+ +
+
+ ) : (
+
- {detail.question ? (
-
-
- ) : null}
- {detail.approach ? (
-
-
+
+ {solutions.length > 1 ? (
+
-
- {detail.solutionCode ? (
-
-
Question
-{detail.question}
-Approach
-{detail.approach}
-
+ {solutionLanguages.map((languageName) => (
+
+ ))}
+
+ ) : null}
+
+ {activeSolution ? (
+ <>
+
+
+
+ {copyState ? (
+ {copyState}
) : null}
- {detail.explanation ? (
-
-
+
+ {sourceUrl ? (
+
+ GitHub Source
+
) : null}
-
-
- Explanation
-{detail.explanation}
-Verification Status
-{detail.verified ? "Verified solution" : "Unverified solution"}
-
-
- {copyState ? {copyState} : null}
+
+
+
-
-
- ) : null}
-
- )}
+
+
+ {activeSolution.code || "// No code added yet"}
+
+
+
+ ) : (
+ `",
- "Add solution + tests + explanation",
- "Run `cj verify`",
- "Run `cj publish`",
- "Portfolio updates automatically",
- ];
-
- const syncBadges = [
- "Verified by tests",
- "Powered by coding-journal",
- "No mock data",
- "Multi-platform ready",
- ];
+ }, [libraryEntries]);
return (
- Workflow Guide
-
-
-
- Code Groups
-
{loading ? (
-
@@ -230,7 +259,10 @@ export default function ProjectsPage() {
+
+ {normalizeLanguageName(activeSolution.language)}
+
+ {activeSolution.filename ? (
+ {activeSolution.filename}
+ ) : null}
-
- {detail.solutionCode}
-
- How this Codebase updates
-
- {workflowSteps.map((step, index) => (
-
-
- ))}
-
-
- Step {index + 1}
-{step}
-
- {syncBadges.map((badge) => (
-
- Codebase
-
- ))}
-
- {badge}
-By Language, Platform, and Tag
- +
-
-
- Explorer
-
setQuery(event.target.value)}
- placeholder="Search title, language, platform, or tag..."
+ placeholder="Search title, platform, language, or tag..."
aria-label="Search codebase"
/>
{loading ? (
-
+
);
}
diff --git a/src/components/ProjectDetail.jsx b/src/components/ProjectDetail.jsx
index aa549e3..5145fe8 100644
--- a/src/components/ProjectDetail.jsx
+++ b/src/components/ProjectDetail.jsx
@@ -85,18 +85,26 @@ export default function ProjectDetail() {
description="A live project view pulled from the synced GitHub repository feed."
align="left"
/>
+
← Back to Projects
+
{project.language || "Unknown"}
{project.featured ? Featured : null}
+ ⭐ {project.stars || 0} Stars
+ {project.forks || 0} Forks
+
+
))}
Languages
-{groupedMetrics.languages.map(([name, count]) => `${name} (${count})`).join(", ")}
+
+
+ Entries
+
+
+ Solutions
+
-
-
+ Verified
+
-
-
+ Explanations
+
+
+ Languages
+
)}
-
-
- {libraryEntries.length}
+Problems with solution material available.
+{libraryStats.solutionCount}
+Total solutions published across all languages.
Platforms
-{groupedMetrics.platforms.map(([name, count]) => `${name} (${count})`).join(", ")}
+{libraryStats.verifiedCount}
+Entries currently marked as verified.
Tags
-{groupedMetrics.tags.map(([name, count]) => `${name} (${count})`).join(", ")}
+{libraryStats.withExplanation}
+Entries with markdown explanations available.
+{libraryStats.languagesTracked}
+Programming languages represented in the library.
Browse Solved Code
+ +
- {filteredProblems.map((problem) => (
-
-
)}
-
- {problem.platform}
- {problem.difficulty || "Unknown"}
- {problem.language || "Unknown"}
- {problem.verified ? Verified : null}
-
- {problem.title}
- {(problem.tags || []).length ? ( + {filteredProblems.map((problem) => { + const solutions = normalizeProblemSolutions(problem); + const solutionLanguages = getProblemLanguages(problem); + + return ( +
- {problem.tags.slice(0, 4).map((tagName) => (
- {tagName}
- ))}
+ {problem.platform}
+ {problem.difficulty || "Unknown"}
+ {problem.verified ? Verified : null}
- ) : (
- Open the entry for source code, notes, and verification details.
- )} - - ))} +{problem.title}
+
+ {solutions.length} {solutions.length === 1 ? "Solution" : "Solutions"}
+ {solutionLanguages.length} {solutionLanguages.length === 1 ? "Language" : "Languages"}
+ {getExplanationAvailable(problem) ? Explanation Available : null}
+ {getTestsAvailable(problem) ? Tests Available : Tests Pending }
+
+ {solutionLanguages.length ? (
+
+ {solutionLanguages.slice(0, 4).map((languageName) => (
+ {languageName}
+ ))}
+
+ ) : null}
+
+ );
+ })}
{project.name}
+{project.description || "No repository description provided."}
+- Stars: {project.stars || 0} • Forks: {project.forks || 0} • Updated: {formatDate(project.updatedAt) || "Unknown"} + Updated: {formatDate(project.updatedAt) || "Unknown"}
+ {(project.topics || []).length ? (
{project.topics.slice(0, 6).map((item) => (
@@ -104,16 +112,48 @@ export default function ProjectDetail() {
))}
) : null}
+
- GitHub
+ {project.url ? (
+ <>
+
+ GitHub
+
+
+
+ ⭐ Star Repo
+
+
+ ) : null}
+
{project.homepage ? (
- Live Project
+
+ Live Project
+
) : null}
Topics
+
{(project.topics || []).length ? (
project.topics.map((item) => (
@@ -132,4 +172,4 @@ export default function ProjectDetail() {
);
-}
+}
\ No newline at end of file
diff --git a/src/components/ProjectsPage.jsx b/src/components/ProjectsPage.jsx
index d54650e..2a1e068 100644
--- a/src/components/ProjectsPage.jsx
+++ b/src/components/ProjectsPage.jsx
@@ -156,18 +156,47 @@ export default function ProjectsPage() {
) : null}
-
- GitHub
-
- {project.homepage ? (
-
- Homepage
-
- ) : null}
-
- Details
-
-
+ {project.url ? (
+ <>
+
+ GitHub
+
+
+
+ ⭐ Star
+
+
+ ) : null}
+
+ {project.homepage ? (
+
+ Homepage
+
+ ) : null}
+
+
+ Details
+
+{project.name}
{project.description || "No repository description provided."}
-Stars: {project.stars || 0} • Forks: {project.forks || 0}
+
+ ⭐ {project.stars || 0} Stars
+ {project.forks || 0} Forks
+
Updated: {formatDate(project.updatedAt) || "Unknown"}
{(project.topics || []).length ? (
diff --git a/src/lib/codingJournal.js b/src/lib/codingJournal.js
index 1e3ab42..8b47130 100644
--- a/src/lib/codingJournal.js
+++ b/src/lib/codingJournal.js
@@ -4,6 +4,8 @@ const CODING_JOURNAL_REPO_API =
"https://api.github.com/repos/SunilKumarKV/coding-journal/contents";
const CODING_JOURNAL_REPO_WEB =
"https://github.com/SunilKumarKV/coding-journal/tree/main";
+const CODING_JOURNAL_REPO_BLOB =
+ "https://github.com/SunilKumarKV/coding-journal/blob/main";
const PROBLEMS_URL = `${CODING_JOURNAL_BASE}/problems.json`;
const PROJECTS_URL = `${CODING_JOURNAL_BASE}/projects.json`;
@@ -84,6 +86,55 @@ export function getCachedText(url) {
return fetchCachedText(`text:${url}`, url);
}
+export function normalizeProblemSolutions(problem) {
+ if (Array.isArray(problem?.solutions) && problem.solutions.length) {
+ return problem.solutions
+ .map((solution, index) => ({
+ id: `${solution.language || "solution"}-${solution.filename || index}`,
+ language: solution.language || "Plain Text",
+ filename: solution.filename || "",
+ code: solution.code || "",
+ path: solution.path || "",
+ }))
+ .filter((solution) => solution.code);
+ }
+
+ const fallbackCode =
+ problem?.solutionCode || problem?.solution || problem?.code || "";
+ if (!fallbackCode) return [];
+
+ return [
+ {
+ id: `${problem?.language || "solution"}-fallback`,
+ language: problem?.language || "Plain Text",
+ filename: "",
+ code: fallbackCode,
+ path: "",
+ },
+ ];
+}
+
+export function getProblemLanguages(problem) {
+ return uniqueValues(
+ normalizeProblemSolutions(problem).map((solution) => solution.language)
+ );
+}
+
+export function getProblemSourceUrl(solutionPath) {
+ if (!solutionPath) return "";
+ return `${CODING_JOURNAL_REPO_BLOB}/${solutionPath.replace(/^\//, "")}`;
+}
+
+export function getProblemSolvedAt(problem) {
+ return (
+ problem?.solvedAt ||
+ problem?.updatedAt ||
+ problem?.createdAt ||
+ problem?.addedAt ||
+ ""
+ );
+}
+
export function toPlatformSegment(platform) {
return String(platform || "")
.trim()
diff --git a/src/problems/ProblemDetailPage.jsx b/src/problems/ProblemDetailPage.jsx
index bacc1e6..e7fc28c 100644
--- a/src/problems/ProblemDetailPage.jsx
+++ b/src/problems/ProblemDetailPage.jsx
@@ -1,7 +1,9 @@
import React, { useEffect, useMemo, useState } from "react";
import { Link, useParams } from "react-router-dom";
import {
+ formatDate,
getJournalProblems,
+ getProblemSolvedAt,
toPlatformSegment,
} from "../lib/codingJournal";
import PageHeader from "../components/ui/PageHeader";
@@ -11,26 +13,11 @@ import ErrorState from "../components/ui/ErrorState";
import EmptyState from "../components/ui/EmptyState";
import Badge from "../components/ui/Badge";
-function copyText(text) {
- if (!text) return Promise.resolve();
- return navigator.clipboard.writeText(text);
-}
-
-function buildComplexity(problem) {
- if (problem.complexity) return problem.complexity;
-
- const parts = [];
- if (problem.timeComplexity) parts.push(`Time: ${problem.timeComplexity}`);
- if (problem.spaceComplexity) parts.push(`Space: ${problem.spaceComplexity}`);
- return parts.join(" • ");
-}
-
export default function ProblemDetailPage() {
const { platform, slug } = useParams();
const [problems, setProblems] = useState([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState("");
- const [copyState, setCopyState] = useState("");
useEffect(() => {
let ignore = false;
@@ -61,15 +48,14 @@ export default function ProblemDetailPage() {
[platform, problems, slug]
);
- const complexity = problem ? buildComplexity(problem) : "";
- const solutionCode = problem?.solutionCode || problem?.solution || problem?.code || "";
+ const solvedAt = problem ? getProblemSolvedAt(problem) : "";
return (
{loading ? (
-
-
-
-
-
-
-
-
-
-
-
- {problem.platform}
- {problem.difficulty || "Unknown"}
-
- {problem.title}
-Source problem metadata synced from coding-journal.
-
- {problem.language || "Unknown"}
-
- {problem.verified ? "Verified" : "Unverified"}
-
-
- Verification
-{problem.verified ? "This solution is marked as verified." : "This solution is not marked as verified yet."}
-
- {(problem.tags || []).slice(0, 4).map((tagName) => (
- {tagName}
- ))}
-
- Tags
-{(problem.tags || []).length ? `${(problem.tags || []).length} tags attached to this solution entry.` : "No tags added yet."}
-
- Complexity
-
- {complexity || "Unavailable"}
-Time and space notes come from the coding-journal entry.
-
- {problem.explanation ? (
-
-
- ) : null}
- {complexity ? (
-
-
- ) : null}
-
-
+
- {solutionCode ? (
-
+
+
)}
diff --git a/src/problems/ProblemsHome.jsx b/src/problems/ProblemsHome.jsx
index 7d9a434..46bef15 100644
--- a/src/problems/ProblemsHome.jsx
+++ b/src/problems/ProblemsHome.jsx
@@ -1,6 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { Link } from "react-router-dom";
-import DeveloperMetrics from "../components/DeveloperMetrics";
import PageHeader from "../components/ui/PageHeader";
import SectionPanel from "../components/ui/SectionPanel";
import FilterBar from "../components/ui/FilterBar";
@@ -8,7 +7,36 @@ import LoadingState from "../components/ui/LoadingState";
import ErrorState from "../components/ui/ErrorState";
import EmptyState from "../components/ui/EmptyState";
import Badge from "../components/ui/Badge";
-import { getJournalProblems, toPlatformSegment, uniqueValues } from "../lib/codingJournal";
+import {
+ formatDate,
+ getJournalProblems,
+ getProblemSolvedAt,
+ toPlatformSegment,
+ uniqueValues,
+} from "../lib/codingJournal";
+
+function sortBySolvedDate(items) {
+ return [...items].sort((a, b) => {
+ const aDate = new Date(getProblemSolvedAt(a) || 0).getTime();
+ const bDate = new Date(getProblemSolvedAt(b) || 0).getTime();
+
+ if (aDate && bDate && aDate !== bDate) {
+ return bDate - aDate;
+ }
+ if (aDate) return -1;
+ if (bDate) return 1;
+ return 0;
+ });
+}
+
+function countBy(items, selector) {
+ return items.reduce((acc, item) => {
+ const key = selector(item);
+ if (!key) return acc;
+ acc[key] = (acc[key] || 0) + 1;
+ return acc;
+ }, {});
+}
export default function ProblemsHome() {
const [problems, setProblems] = useState([]);
@@ -41,30 +69,34 @@ export default function ProblemsHome() {
};
}, []);
- const platforms = useMemo(
- () => ["All", ...uniqueValues(problems.map((problem) => problem.platform)).sort()],
+ const solvedProblems = useMemo(
+ () => problems.filter((problem) => (problem.status || "Solved") === "Solved"),
[problems]
);
+ const platforms = useMemo(
+ () => ["All", ...uniqueValues(solvedProblems.map((problem) => problem.platform)).sort()],
+ [solvedProblems]
+ );
+
const difficulties = useMemo(
- () => ["All", ...uniqueValues(problems.map((problem) => problem.difficulty)).sort()],
- [problems]
+ () => ["All", ...uniqueValues(solvedProblems.map((problem) => problem.difficulty)).sort()],
+ [solvedProblems]
);
const tags = useMemo(
- () => ["All", ...uniqueValues(problems.flatMap((problem) => problem.tags || [])).sort()],
- [problems]
+ () => ["All", ...uniqueValues(solvedProblems.flatMap((problem) => problem.tags || [])).sort()],
+ [solvedProblems]
);
const filteredProblems = useMemo(() => {
const normalizedQuery = query.trim().toLowerCase();
- return problems.filter((problem) => {
+ return solvedProblems.filter((problem) => {
const matchesSearch = [
problem.title,
problem.platform,
problem.difficulty,
- problem.language,
...(problem.tags || []),
]
.filter(Boolean)
@@ -72,8 +104,7 @@ export default function ProblemsHome() {
.toLowerCase()
.includes(normalizedQuery);
const matchesPlatform = platform === "All" || problem.platform === platform;
- const matchesDifficulty =
- difficulty === "All" || problem.difficulty === difficulty;
+ const matchesDifficulty = difficulty === "All" || problem.difficulty === difficulty;
const matchesVerified =
verified === "All" ||
(verified === "Verified" && problem.verified) ||
@@ -88,27 +119,162 @@ export default function ProblemsHome() {
matchesTag
);
});
- }, [difficulty, platform, problems, query, tag, verified]);
+ }, [difficulty, platform, query, solvedProblems, tag, verified]);
+
+ const analytics = useMemo(() => {
+ const verifiedCount = solvedProblems.filter((problem) => problem.verified).length;
+ const byDifficulty = countBy(solvedProblems, (problem) => problem.difficulty || "Unknown");
+ const byPlatform = Object.entries(countBy(solvedProblems, (problem) => problem.platform || "Unknown"))
+ .sort((a, b) => b[1] - a[1]);
+ const byTag = Object.entries(
+ solvedProblems.reduce((acc, problem) => {
+ for (const item of problem.tags || []) {
+ acc[item] = (acc[item] || 0) + 1;
+ }
+ return acc;
+ }, {})
+ ).sort((a, b) => b[1] - a[1]);
+
+ return {
+ totalSolved: solvedProblems.length,
+ verifiedSolved: verifiedCount,
+ easy: byDifficulty.Easy || 0,
+ medium: byDifficulty.Medium || 0,
+ hard: byDifficulty.Hard || 0,
+ platforms: byPlatform,
+ tags: byTag,
+ recent: solvedProblems.some((problem) => getProblemSolvedAt(problem))
+ ? sortBySolvedDate(solvedProblems).slice(0, 6)
+ : solvedProblems.slice(0, 6),
+ };
+ }, [solvedProblems]);
return (
+ {loading ? (
+
-
+
+ {loading ? (
+
+
setQuery(event.target.value)}
- placeholder="Search title, platform, language, or tag..."
+ placeholder="Search title, platform, difficulty, or tag..."
aria-label="Search problems"
/>
{loading ? (
-
Explanation
-{problem.explanation}
-Complexity
-{complexity}
-Verification Status
-{problem.verified ? "Verified solution" : "Unverified solution"}
+
+
+
+
+
+
+
+
+
- {problem.url ? (
-
-
- ) : null}
+ {problem.platform}
+ {problem.difficulty || "Unknown"}
+
+ Platform and Difficulty
++ {problem.platform} • {problem.difficulty || "Difficulty not set"} +
+
+ {problem.status || "Solved"}
+
+ {problem.verified ? "Verified" : "Unverified"}
+
+
+ Status
++ {problem.verified + ? "This problem record has been verified." + : "This problem record is still pending verification."} +
+
+ {(problem.tags || []).slice(0, 4).map((tagName) => (
+ {tagName}
+ ))}
+
+ Tags
++ {(problem.tags || []).length + ? `${(problem.tags || []).length} topic tags attached to this problem.` + : "No topic tags attached yet."} +
+
+ Progress
+
+ {solvedAt ? formatDate(solvedAt) : "Date unavailable"}
+{solvedAt ? "Recorded in the tracked problem history." : "No solved date was provided in the current feed."}
Source URL
- - {problem.url} - -
+
-
-
- ) : null}
+
+
+
View the full solution article
+Open the Codebase detail page for code, explanations, multiple languages, and complexity breakdowns.
+
-
- {copyState ? {copyState} : null}
+
+ View Solution in Codebase
+
-
- {solutionCode}
-
-
+
+ Solved
+
+
+ Verified
+
+
+ Easy
+
+
+ Medium
+
+
+ Hard
+
+
+ )}
+ {analytics.totalSolved}
+Total solved problems tracked in coding-journal.
+{analytics.verifiedSolved}
+Entries currently marked as verified.
+{analytics.easy}
+Easy problems completed so far.
+{analytics.medium}
+Medium problems completed so far.
+{analytics.hard}
+Hard problems completed so far.
+
+
+
+
+
+
+
+
+ )}
+ Platform Breakdown
+ {analytics.platforms.length ? ( +
+ {analytics.platforms.map(([name, count]) => (
+
+ ) : (
+
+ {name}
+ {count}
+
+ ))}
+ No platform data available yet.
+ )} +Topic Breakdown
+ {analytics.tags.length ? ( +
+ {analytics.tags.slice(0, 12).map(([name, count]) => (
+ {name} ({count})
+ ))}
+
+ ) : (
+ No topic tags available yet.
+ )} +Recently Solved
+ {analytics.recent.length ? ( +
+ {analytics.recent.slice(0, 4).map((problem) => (
+
+ {problem.title}
+
+ {problem.platform} • {problem.difficulty || "Unknown"}
+ {getProblemSolvedAt(problem) ? ` • ${formatDate(getProblemSolvedAt(problem))}` : ""}
+
+
+ ))}
+
+ ) : (
+ No recent problem history available yet.
+ )} +
{filteredProblems.map((problem) => (
@@ -158,7 +322,7 @@ export default function ProblemsHome() {
{problem.platform}
{problem.difficulty || "Unknown"}
- {problem.language || "Unknown"}
+ {problem.status || "Solved"}
{problem.verified ? Verified : null}
{tagName}
))}
+ ) : (
+ {problem.title}
@@ -168,6 +332,11 @@ export default function ProblemsHome() {No tags attached yet.
+ )} + {getProblemSolvedAt(problem) ? ( +Solved {formatDate(getProblemSolvedAt(problem))}
) : null} ))}