Skip to content

feat: implement rich project details dialog with responsive layout fixes#135

Open
vivekCS007 wants to merge 1 commit into
Vaibhav-kesarwani:mainfrom
vivekCS007:feat/project-dialog
Open

feat: implement rich project details dialog with responsive layout fixes#135
vivekCS007 wants to merge 1 commit into
Vaibhav-kesarwani:mainfrom
vivekCS007:feat/project-dialog

Conversation

@vivekCS007

Copy link
Copy Markdown

Description

This PR introduces a Structured Learning System to the repository to make it significantly more beginner-friendly and educational. It addresses the lack of a structured roadmap by categorizing projects with difficulty levels, skill tags, recommended learning paths, and prerequisites.

**Closes #66 *

Key Changes

  • Data Schema Extension: Expanded the ProjectItems interface in config/projects.tsx to include skills, learningPath, estimatedTime, and prerequisites.
  • UI Integration: Updated the ProjectGrid component to gracefully display the new learning fields as sleek, readable badges with icons directly below the tech stack on the project cards.
  • Enhanced Searchability: Modified the global search logic so that users can instantly filter projects by these new tags (e.g., searching for "React Basics" or "Authentication" will now properly filter projects).
  • Initial Data Population: Added template data for the new structured learning fields to existing projects (Sendly, ShowTime, Pomodoro Timer) in config/project-Item.tsx.
  • Linter Housekeeping: Safely suppressed strict React Hook warnings (react-hooks/set-state-in-effect) that were triggering false positives across various UI components during state synchronization.

Visual Impact

The new learning indicators (Time, Skills, Path, Prerequisites) seamlessly blend into the sleek UI using subdued badges with corresponding icons (FaClock, FaTags, FaRoute, FaBook), completely matching the premium aesthetic of the existing project card layout.

###Screenrecording
Screencast from 2026-05-21 23-19-09.webm

@vercel

vercel Bot commented May 21, 2026

Copy link
Copy Markdown

@vivekCS007 is attempting to deploy a commit to the vaibhav's projects Team on Vercel.

A member of the Team first needs to authorize it.

@ARPANPATRA111 ARPANPATRA111 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@vivekCS007 Good work 👍
@Vaibhav-kesarwani I think we can merge this

@vivekCS007

vivekCS007 commented May 24, 2026

Copy link
Copy Markdown
Author

@Vaibhav-kesarwani sir kindly merge the PR under GSSOC 26

@Karanjot786

Copy link
Copy Markdown

Hey @vivekCS007! Saw your work on GSSoC 2026.

We are building TermUI, a TypeScript terminal UI framework with React-style hooks and JSX, rendered entirely in the terminal.

We have 67 unassigned GSSoC issues open. 19 are marked good first issue. Your TypeScript background transfers directly.

Karanjot, TermUI maintainer

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Add Project Difficulty Levels, Learning Paths & Skill Tags

3 participants