$ show VishwaGauravIn/github-profile-readme-maker
This is a Next.js web application that generates customized GitHub profile READMEs through a multi-step wizard. Users input their GitHub username, then configure sections like About Me, GitHub Stats, Social Links, Tech Stack, Donations, and extras (trophies, visitor count, quotes, top repos). The app uses MobX for client-side state management across slides, Firebase to store generated data, and external APIs for dynamic badge images. The generated markdown can be copied or downloaded. The codebase shows signs of rapid development with outdated dependencies (Next.js 12, React 17 placeholder, Firebase 9), global variables, direct DOM access, and commented-out features. While functional, it lacks tests and modern engineering practices, making it a below-average codebase with limited reusability.
The LLM identified 4 files worth highlighting for reuse:
A self-contained utility that filters a categorized data object (from data/tech.js) based on a case-insensitive search string. It iterates over each category and returns a new object with only matching items. This pattern is reusable for any project needing to filter grouped data, and the implementation is clean and efficient.
Provides a React context provider for a MobX store, enabling state sharing across components without prop drilling. The pattern of creating a store with useLocalStore and exposing it via context is a reusable approach for managing complex form state in React applications.
Contains hand-crafted SVG path data for various icons (Buy Me a Coffee, social media logos, arrows). These are self-contained SVG components that can be extracted and reused in any web project. The paths demonstrate non-obvious skill in creating custom vector graphics without external dependencies.
A simple, self-contained success toast component with CSS keyframe animation. It displays a fixed-position notification with an SVG icon and fades out after a few seconds. The pattern is easily reusable in any React project for temporary notifications.