{"id":26239454,"url":"https://github.com/codewithdinesh/dinesh","last_synced_at":"2025-08-26T12:09:24.726Z","repository":{"id":280451503,"uuid":"824707066","full_name":"codewithdinesh/dinesh","owner":"codewithdinesh","description":null,"archived":false,"fork":false,"pushed_at":"2025-05-31T21:48:36.000Z","size":43898,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-01T09:04:54.811Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dineshrathod.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codewithdinesh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-05T18:33:54.000Z","updated_at":"2025-05-31T21:48:40.000Z","dependencies_parsed_at":"2025-03-03T14:41:02.114Z","dependency_job_id":null,"html_url":"https://github.com/codewithdinesh/dinesh","commit_stats":null,"previous_names":["codewithdinesh/dinesh"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codewithdinesh/dinesh","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithdinesh%2Fdinesh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithdinesh%2Fdinesh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithdinesh%2Fdinesh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithdinesh%2Fdinesh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewithdinesh","download_url":"https://codeload.github.com/codewithdinesh/dinesh/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithdinesh%2Fdinesh/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263691430,"owners_count":23496848,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-13T06:44:50.880Z","updated_at":"2025-07-05T05:35:52.436Z","avatar_url":"https://github.com/codewithdinesh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dinesh Rathod - Portfolio Documentation\n\n## Enhanced Components\n\nThis portfolio website has been enhanced with interactive and visually appealing components to create a more engaging user experience. \n\n### Skills Section Enhancements\n\nThe skills section now includes several interactive display options:\n\n#### Enhanced Skill Cards\n- Interactive skill cards with hover animations\n- Detailed information display with expandable details\n- Visual indicators for skill proficiency levels\n- Category filtering and search functionality\n\n#### 3D Effect Skill Cards\n- Tilt effect that follows mouse movement\n- Depth perception with 3D transforms\n- Reflective shine effect on hover\n- Interactive visual feedback\n\n#### How to Use Enhanced Skill Components\n\n1. Use the standard component:\n```tsx\n// In your page or section file\nimport SkillsList from '@/components/Skills/Skills';\n\n// In your JSX\n\u003cSkillsList /\u003e\n```\n\n2. To use the showcase with both standard and 3D cards:\n```tsx\n// Import the skill showcase component\nimport SkillShowcase from '@/components/Skills/SkillShowcase';\nimport { enhancedSkillCategories } from \"@/config/skills\";\n\n// Get all skills for showcase\nconst allSkills = enhancedSkillCategories.flatMap(category =\u003e category.skills);\n\n// In your JSX\n\u003cSkillShowcase skills={allSkills} /\u003e\n```\n\n3. To use the enhanced skills list with filtering:\n```tsx\n// Import the enhanced skills list component\nimport EnhancedSkillsList from '@/components/Skills/EnhancedSkillsList';\nimport { enhancedSkillCategories } from \"@/config/skills\";\n\n// In your JSX\n\u003cEnhancedSkillsList skillCategories={enhancedSkillCategories} /\u003e\n```\n\n### Contact Section Enhancements\n\nThe contact section has been enhanced with:\n- Tabbed interface for different contact methods\n- Interactive form with animated status feedback\n- Social media card with hover effects\n- Gradient backgrounds and transitions\n\n### Gallery Section Enhancements\n\nThe gallery has been upgraded with:\n- Masonry layout for better visual presentation\n- Category filtering for easy navigation\n- Image cards with hover animations\n- Enhanced lightbox with zoom and captions\n\n### Experience Section Enhancements\n\nThe experience timeline now features:\n- Experience type filtering (fulltime, freelance, internship)\n- Interactive timeline nodes and animations\n- Glowing timeline effect\n- Skill badges and hover effects\n\n## Usage Instructions\n\nTo update the application to use the enhanced components:\n\n1. Replace existing components in your pages:\n```tsx\n// Old component\nimport ContactSection from '@/components/contacts/ContactSection';\n// New component\nimport EnhancedContactSection from '@/components/contacts/EnhancedContactSection';\n\n// Use enhanced component instead\n\u003cEnhancedContactSection /\u003e\n```\n\n2. Ensure you've updated the necessary data files:\n- Update experience data in `config/experience.ts`\n- Update skills data in `config/skills.ts`\n\n3. Test the website on different screen sizes to ensure responsive behavior\n\n## Performance Considerations\n\n- Some animations may impact performance on lower-end devices\n- Consider using the `useReducedMotion` hook from Framer Motion to disable animations for users who prefer reduced motion\n- Image optimizations are important for gallery performance\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithdinesh%2Fdinesh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithdinesh%2Fdinesh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithdinesh%2Fdinesh/lists"}