(SP: 0.5) [Frontend] Logo icons svg

[ViktorSvertoka]

Summary

This PR adds support for two new categories: Java and Spring.

What was done

• Added new categories:
  • java
  • spring
• Added new icons in public/icons:
  • java.svg
  • spring.svg
• Seeded categories in the database (via seed:categories).
• Added category UI styles for both categories in data/categoryStyles.ts:
  • Java accent: #0074BD
  • Spring accent: #77BC1F
• Fixed seeding runtime setup for server-only imports:
  • installed server-only
  • updated seed scripts to run with NODE_OPTIONS=--conditions=react-server

Result

• New categories are available in DB and UI.
• Their icon/accent styling is automatically applied to tabs, accordion accents, and Q&A pagination where category-based styles are used.

Closes #166

Summary by CodeRabbit

Release Notes

• New Features
  • Added Java and Spring as new programming language categories in the catalog
  • Configured visual styling for the new categories with custom icons, colors, and hover effects

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
devlovers-net	Ignored		Apr 1, 2026 7:31pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 4bb2524f-5ff4-4f08-a64a-41f0e6bbf7f2

📥 Commits

Reviewing files that changed from the base of the PR and between 2049f86 and 1b0f5a2.

⛔ Files ignored due to path filters (3)

• frontend/package-lock.json is excluded by !**/package-lock.json
• frontend/public/icons/java.svg is excluded by !**/*.svg
• frontend/public/icons/spring.svg is excluded by !**/*.svg

📒 Files selected for processing (3)

• frontend/data/category.ts
• frontend/data/categoryStyles.ts
• frontend/package.json

---

📝 Walkthrough

Walkthrough

Added two new technology categories (Java and Spring) to the frontend category data system. Extended the category definitions with corresponding styling configurations and updated npm seed scripts with NODE\_OPTIONS, plus added the server-only runtime dependency.

Changes

Cohort / File(s)	Summary
Category Data & Styling frontend/data/category.ts, frontend/data/categoryStyles.ts	Added two new category entries: Java (slug java, displayOrder 24) and Spring (slug spring, displayOrder 25), including translations and corresponding tab styles with icon, color, glow, and accent properties.
Build Configuration frontend/package.json	Updated seed:categories and seed:questions npm scripts to set NODE_OPTIONS=--conditions=react-server; added server-only@^0.0.1 as a runtime dependency.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• (SP: 2) [Frontend] Feat(Q&A): Add category & styles #336: Modifies the same category data and style files to add new category entries with matching tab styles.
• refactor(frontend): centralize category list for tabs and seeding #67: Updates category data seeding infrastructure that aligns with the new category additions in this PR.
• (SP: 0.5) [Frontend] Logo icons svg #397: Extends the same category data and styling files by adding new category entries and style objects.

Suggested labels

UI

Suggested reviewers

• AM1007

Poem

🐰 Two new languages hop into view,
Java and Spring, both shiny and new!
With icons that glow and colors so bright,
The category field grows—what a delightful sight! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The PR title '(SP: 0.5) [Frontend] Logo icons svg' is directly related to the core objective of adding SVG technology icons (java.svg and spring.svg) to the frontend repository.
Linked Issues check	✅ Passed	The PR successfully implements the linked issue #166 objective by adding SVG technology icons (java.svg and spring.svg) to frontend/public/icons with corresponding category data, styles, and database seeding.
Out of Scope Changes check	✅ Passed	All changes are within scope: category data additions, category styling, SVG icons, and seeding setup modifications directly support the objective of adding SVG technology icons and integrating them into the frontend UI.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat-java-spring-categories-and-seeding

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}