Skip to content

feat: add README Insight compact card#6107

Merged
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
RosheshChaware:feat-readme-insight
Jun 21, 2026
Merged

feat: add README Insight compact card#6107
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
RosheshChaware:feat-readme-insight

Conversation

@RosheshChaware

Copy link
Copy Markdown
Contributor

Description

Fixes #6095

This PR adds a new compact UI widget called README Insight inside the Generator section below the “README Health Breakdown” card.

The widget improves dashboard completeness by utilizing the previously empty space and provides quick actionable README improvement tips in a minimal, dark-theme compatible design.

Features added:

  • Small card titled README Insight
  • Displays a single dynamic tip from a static list:
    • Add badges for credibility
    • Improve description clarity
    • Add installation steps
    • Include social links
  • Shows a small badge: Health Boost +X%
  • Lightweight hover/fade animation (optional)
  • Fully UI-only implementation (no logic/backend changes)

No existing components were modified.

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

Screenshot 2026-06-20 215303

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
  • My commits follow the Conventional Commits format (e.g., feat: add README Insight card).
  • I have updated README.md if required.
  • I have started the repo.
  • I have made sure that I have only one commit to merge in this PR.
  • The UI output matches the CommitPulse aesthetic standard (clean, minimal, smooth).
  • I have ensured no backend/API changes were made.

@Aamod-Dev Aamod-Dev added level:beginner Small changes Usually isolated fixes or simple UI/text updates. quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. type:feature New features, additions, or enhancements type:testing Adding, updating, or fixing tests mentor:Aamod007 labels Jun 20, 2026

@Aamod-Dev Aamod-Dev left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Review Summary

Labels applied:

  • level:beginner — Simple UI component with straightforward conditional logic in ReadmeInsight.tsx:18-49. No new backend, API, or complex state management — purely presentational with one useMemo hook.
  • quality:clean — Well-structured code follows project conventions (Tailwind classes, lucide-react icons, useMemo pattern). Includes a test file (ReadmeInsight.test.tsx) covering empty state, partial state, and filled state scenarios.
  • type:feature — New README Insight card component in the Generator section (GeneratorClient.tsx:105).
  • type:testing — Comprehensive test suite with 4 test cases covering all conditional branches.

Mentor: Aamod007

Assessment: Clean, focused PR. The component fits well into the existing Generator layout, borrows patterns from neighbor components like ReadmeInsightsPanel, and includes proper TypeScript typing and accessibility (�ria-label on the container). The useMemo optimization is appropriate given the checks run against derived state. The test coverage is thorough — 4 cases hitting every branch of the conditional chain.

Approved! 🚀

@github-actions

Copy link
Copy Markdown
Contributor

📦 Next.js Bundle Size Report (Gzipped Sizes)

Asset PR Size Base Size Difference Status
static/chunks/2896-[hash].js - 24.47 KB -24.47 KB (-100.00%) 🗑️ Deleted
static/chunks/4544-[hash].js - 3.48 KB -3.48 KB (-100.00%) 🗑️ Deleted
static/chunks/5155-[hash].js 3.35 KB - +3.35 KB (++100%) 🆕 New
static/chunks/6078-[hash].js 24.38 KB - +24.38 KB (++100%) 🆕 New
static/chunks/7121-[hash].js - 3.43 KB -3.43 KB (-100.00%) 🗑️ Deleted
static/chunks/8045-[hash].js 19.88 KB - +19.88 KB (++100%) 🆕 New
static/chunks/8898-[hash].js 3.39 KB - +3.39 KB (++100%) 🆕 New
static/chunks/9389-[hash].js 5.77 KB 5.86 KB -0.09 KB (-1.60%) 🟢 Improvement
static/chunks/95-[hash].js - 19.98 KB -19.98 KB (-100.00%) 🗑️ Deleted
static/chunks/app/(root)/dashboard/[username]/page-[hash].js 40.42 KB 41.02 KB -0.61 KB (-1.48%) 🟢 Improvement
static/chunks/app/achievements/page-[hash].js 6.59 KB 6.64 KB -0.06 KB (-0.84%) 🟢 Improvement
static/chunks/app/contributors/page-[hash].js 7.19 KB 7.39 KB -0.19 KB (-2.62%) 🟢 Improvement
static/chunks/app/generator/page-[hash].js 26.52 KB 26.25 KB +0.27 KB (+1.03%) 🔴 Regression
static/chunks/app/guidelines/page-[hash].js - 4.29 KB -4.29 KB (-100.00%) 🗑️ Deleted
static/chunks/app/page-[hash].js 19.33 KB 19.30 KB +0.03 KB (+0.18%) 🔴 Regression
static/css/[hash].css 36.85 KB 37.09 KB -0.24 KB (-0.64%) 🟢 Improvement

📊 Summary of Totals

Category PR Size Base Size Difference
Total JS 3678.65 KB 3694.34 KB -15.68 KB (-0.42%)
Total CSS 292.19 KB 296.06 KB -3.87 KB (-1.31%)

@JhaSourav07 JhaSourav07 added the gssoc:approved PR has been reviewed and accepted for valid contribution points label Jun 21, 2026
@JhaSourav07 JhaSourav07 merged commit 9e3fb68 into JhaSourav07:main Jun 21, 2026
14 of 15 checks passed
@github-actions github-actions Bot added this to the GSSoC 2026 milestone Jun 21, 2026
@github-actions

Copy link
Copy Markdown
Contributor

🎉 Congratulations @RosheshChaware! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved PR has been reviewed and accepted for valid contribution points level:beginner Small changes Usually isolated fixes or simple UI/text updates. mentor:Aamod007 quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. type:feature New features, additions, or enhancements type:testing Adding, updating, or fixing tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: add README Insight compact card in Generator section

3 participants