Description
Currently, users are manually typing out their "Tech Stack" in a text field, which quickly becomes outdated and requires constant maintenance. To create a truly zero-touch portfolio, we should dynamically parse the technologies they are actively utilizing in their top repositories.
Proposed Solution
- Engineer a new backend parser utility that targets the top 5 most active repositories owned by the user.
- Utilize the GitHub API to fetch the raw
package.json (for Node/React projects), Cargo.toml (for Rust), or requirements.txt (for Python) for these specific repositories.
- Map the parsed dependencies (e.g.,
react, tailwindcss, framer-motion) against a predefined dictionary of standardized tech stack icons/badges (e.g., utilizing simple-icons).
- Automatically inject these beautifully rendered SVG badges into the
<TechStackGrid /> component on the frontend, completely eliminating manual data entry and guaranteeing the portfolio always reflects the developer's most current skill set.
Description
Currently, users are manually typing out their "Tech Stack" in a text field, which quickly becomes outdated and requires constant maintenance. To create a truly zero-touch portfolio, we should dynamically parse the technologies they are actively utilizing in their top repositories.
Proposed Solution
package.json(for Node/React projects),Cargo.toml(for Rust), orrequirements.txt(for Python) for these specific repositories.react,tailwindcss,framer-motion) against a predefined dictionary of standardized tech stack icons/badges (e.g., utilizingsimple-icons).<TechStackGrid />component on the frontend, completely eliminating manual data entry and guaranteeing the portfolio always reflects the developer's most current skill set.