Skip to content

Refactor projects page and add new projects #193

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Refactor projects page and add new projects #193

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 66 additions & 58 deletions apps/homepage2/app/projects/page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ export const metadata = {
url: 'https://jsonresume.org/projects/',
};

import './projects.css';

export default function GettingStarted() {
const PROJECTS = [
{
Expand Down Expand Up @@ -34,23 +36,23 @@ export default function GettingStarted() {
{
name: 'Resumake',
description:
'A web app that generates resumes based on JSON Resume schema.',
'A web app that generates résumés based on JSON Resume schema.',
link: 'https://resumake.io',
category: 'integration',
language: 'N/A',
},
{
name: 'Standard Resume',
description:
'A web-based resume builder with support for importing JSON resumes.',
'A web-based resume builder with support for importing JSON résumés.',
link: 'https://standardresume.co',
category: 'integration',
language: 'N/A',
},
{
name: 'ResumeSet',
description:
'AI tailored resume builder with support for importing JSON resumes.',
'AI tailored resume builder with support for importing JSON résumés.',
link: 'https://resumeset.com',
category: 'integration',
language: 'N/A',
Expand All @@ -66,22 +68,22 @@ export default function GettingStarted() {
{
name: 'JSON Resume Validator (Python)',
description:
'Python tool to validate JSON resumes to ensure that they are according to the defined schema',
'Python tool to validate JSON résumés to ensure that they are according to the defined schema',
link: 'https://github.com/kelvintaywl/jsonresume-validator',
category: 'validator',
language: 'Python',
},
{
name: 'JSON Resume Validator and Parser (Java)',
description:
'Java library to validate and parse JSON resumes to Java objects',
'Java library to validate and parse JSON résumés to Java objects',
link: 'https://github.com/eaxdev/Java-JsonResume-Validator',
category: 'validator',
language: 'Java',
},
{
name: 'JSON Resume Validator (Go)',
description: 'Go library to validate JSON resumes',
description: 'Go library to validate JSON résumés',
link: 'https://github.com/cinarmert/json-resume-validator',
category: 'validator',
language: 'Go',
Expand Down Expand Up @@ -248,15 +250,15 @@ export default function GettingStarted() {
},
{
name: 'jsonresume-gpt3',
description: 'This uses GPT-3 API access to generate fake resumes.',
description: 'This uses GPT-3 API access to generate fake résumés.',
link: 'https://github.com/jsonresume/jsonresume-gpt3',
category: 'ai',
language: 'Python',
},
{
name: 'Registry AI',
description:
'The official registry offers a bunch of useful AI tools for hosted resumes',
'The official registry offers a bunch of useful AI tools for hosted résumés',
link: 'https://registry.jsonresume.org/thomasdavis/jobs',
category: 'ai',
language: 'Javascript',
Expand Down Expand Up @@ -288,7 +290,7 @@ export default function GettingStarted() {
{
name: 'jsonresume-docx',
description:
'Render your JSON resume as a .docx file, hide your personality. ;)',
'Render your JSON résumé as a .docx file, hide your personality. ;)',
link: 'https://github.com/panasenco/jsonresume-docx',
category: 'framework',
language: 'Python',
Expand Down Expand Up @@ -318,7 +320,7 @@ export default function GettingStarted() {
{
name: 'JSONResume Generator - Github Action',
description:
'Generating resumes with JSONResume! Makes use of the resumed CLI to generate resumes!',
'Generating résumés with JSONResume! Makes use of the resumed CLI to generate résumés!',
link: 'https://github.com/Devleaps/jsonresume-generator',
category: 'github',
language: 'YAML',
Expand All @@ -341,7 +343,7 @@ export default function GettingStarted() {
{
name: 'JSON Resume as a Service',
description:
'Serverless service that uses the jsonresume.org schema to generate dynamic resumes from a github gist that you can download or recieve back as a http response.',
'Serverless service that uses the jsonresume.org schema to generate dynamic résumés from a github gist that you can download or recieve back as a http response.',
link: 'https://github.com/DrakeAxelrod/json-resume-service',
category: 'hosting',
language: 'Javascript',
Expand All @@ -356,7 +358,7 @@ export default function GettingStarted() {
},
{
name: 'goresume',
description: 'Build HTML/PDF resume from JSON/YAML/TOML',
description: 'Build HTML/PDF résumé from JSON/YAML/TOML',
link: 'https://github.com/nikaro/goresume',
category: 'cli',
language: 'Go',
Expand All @@ -371,7 +373,7 @@ export default function GettingStarted() {
{
name: 'resume-pycli',
description:
'Python CLI tool to build a beautiful resume from a JSON Resume file.',
'Python CLI tool to build a beautiful résumé from a JSON Resume file.',
link: 'https://github.com/nikaro/resume-pycli',
category: 'cli',
language: 'Python',
Expand All @@ -396,9 +398,9 @@ export default function GettingStarted() {
{
name: 'jsonresume-nix',
description:
'Provides a Nix-based environment for working with JSON Resume, enabling users to build and develop JSON Resume projects with Nix package manager.',
'Provides a Nix-based environment for working with JSON Resume.',
link: 'https://github.com/TaserudConsulting/jsonresume-nix',
category: 'images',
category: 'tooling',
language: 'Nix',
},
{
Expand All @@ -412,27 +414,58 @@ export default function GettingStarted() {

{
name: 'resume-optimizer',
description: 'Use AI to ensure your resume passes ATS keyword screening.',
description: 'Use AI to ensure your résumé passes ATS keyword screening.',
link: 'https://github.com/panasenco/resume-optimizer',
category: 'images',
language: 'Nix',
},
Comment on lines 415 to 421
Copy link
Contributor

@coderabbitai coderabbitai bot May 24, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Verification agent

🧩 Analysis chain

Verify project categorization and language.

The "resume-optimizer" project appears to be miscategorized and has inconsistent metadata:

  • Description mentions "AI" and "ATS keyword screening" but category is "images"
  • Language is listed as "Nix" but the GitHub link suggests it's primarily Python-based

🏁 Script executed:

#!/bin/bash
# Description: Verify the resume-optimizer project details from its GitHub repository

# Check the repository to understand the primary language and purpose
curl -s https://api.github.com/repos/panasenco/resume-optimizer | jq '.language, .description, .topics'

# Check the repository files to understand the technology stack
curl -s https://api.github.com/repos/panasenco/resume-optimizer/languages | jq .

Length of output: 355

🏁 Script executed:

#!/bin/bash
# List unique project categories used in apps/homepage2/app/projects/page.js
rg "category: '.*'" -o apps/homepage2/app/projects/page.js | sed -E "s/.*category: '([^']+)'.*/\1/" | sort | uniq -c

Length of output: 389

Correct project categorization and language for resume-optimizer

Verified via GitHub API: the repo is primarily Python and centered on AI-powered résumé optimization. Please update the metadata accordingly.

• File: apps/homepage2/app/projects/page.js
Lines: 415–421

-    {
-      name: 'resume-optimizer',
-      description: 'Use AI to ensure your résumé passes ATS keyword screening.',
-      link: 'https://github.com/panasenco/resume-optimizer',
-      category: 'images',
-      language: 'Nix',
-    },
+    {
+      name: 'resume-optimizer',
+      description: 'Use AI to ensure your résumé passes ATS keyword screening.',
+      link: 'https://github.com/panasenco/resume-optimizer',
+      category: 'ai',
+      language: 'Python',
+    },
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
{
name: 'resume-optimizer',
description: 'Use AI to ensure your resume passes ATS keyword screening.',
description: 'Use AI to ensure your résumé passes ATS keyword screening.',
link: 'https://github.com/panasenco/resume-optimizer',
category: 'images',
language: 'Nix',
},
{
name: 'resume-optimizer',
description: 'Use AI to ensure your résumé passes ATS keyword screening.',
link: 'https://github.com/panasenco/resume-optimizer',
category: 'ai',
language: 'Python',
},
🤖 Prompt for AI Agents 
In apps/homepage2/app/projects/page.js around lines 415 to 421, the
"resume-optimizer" project is incorrectly categorized as "images" and its
language is set to "Nix". Update the category to reflect its AI and résumé
optimization focus, such as "AI" or "productivity", and change the language to
"Python" to match the primary technology used in the GitHub repository.

{
name: 'ResumeHub Theme',
description: 'A JSON Resume theme from ResumeHub.no.',
link: 'https://github.com/Solsem-Consulting/jsonresume-theme-ResumeHub',
category: 'theme',
language: 'Handlebars',
},
{
name: 'Astro JSON Resume',
description: 'Static Astro website generated from a JSON Resume file.',
link: 'https://github.com/ambaena/json-resume',
category: 'framework',
language: 'Astro',
},
{
name: 'Lissy93 CV',
description: 'Auto-generates LaTeX PDF and website from JSONResume data.',
link: 'https://github.com/Lissy93/cv',
category: 'generator',
language: 'TeX/JavaScript',
},
{
name: 'Straightforward Theme',
description: 'A straightforward JSON Resume theme.',
link: 'https://github.com/slugstack/jsonresume-theme-straightforward',
category: 'theme',
language: 'Handlebars',
},
];

const categories = [
'integration',
'framework',
'validator',
'hosting',
'ai',
'transfer',
'github',
'editor',
'ats',
'cli',
'visualization',
'editor',
'framework',
'generator',
'github',
'hosting',
'images',
'integration',
'parser',
'ats',
'theme',
'tooling',
'transfer',
'validator',
'visualization',
];

const renderProjects = (category) => {
Expand All @@ -441,39 +474,12 @@ export default function GettingStarted() {
);

return projects.map((project) => (
<div
style={{
display: 'flex',
flexDirection: 'row',
width: '100%',
marginBottom: '15px',
}}
key={project.link}
>
<div
style={{
flexWrap: 'wrap',
minWidth: '200px',
maxWidth: '200px',
wordWrap: 'break-word',
}}
>
<div className="project-item" key={project.link}>
<div className="project-name">
<a href={project.link}>{project.name}</a>
</div>
<div
style={{
minWidth: '100px',
}}
>
{project.language}
</div>
<div
style={{
flexGrow: 1,
}}
>
{project.description}
</div>
<div className="project-language">{project.language}</div>
<div className="project-description">{project.description}</div>
</div>
));
};
Expand All @@ -494,8 +500,10 @@ export default function GettingStarted() {
<div className="col-sm-12 contributing">
<p>
JSON Resume was built to inspire a new creative movement around
resumes. Please submit new projects to the{' '}
<a href="https://github.com/jsonresume/jsonresume.org">repo</a>
résumés. Please submit new projects to the{' '}
<a href="https://github.com/jsonresume/jsonresume.org">
repository
</a>
</p>

{categories.map((category) => (
Expand Down
21 changes: 21 additions & 0 deletions apps/homepage2/app/projects/projects.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.project-item {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 15px;
}

.project-name {
flex-wrap: wrap;
min-width: 200px;
max-width: 200px;
word-wrap: break-word;
}

.project-language {
min-width: 100px;
}

.project-description {
flex-grow: 1;
}
Loading