{"id":28566507,"url":"https://github.com/notharshhaa/personal-portfolio","last_synced_at":"2026-04-02T18:53:10.626Z","repository":{"id":292324560,"uuid":"963779780","full_name":"NotHarshhaa/personal-portfolio","owner":"NotHarshhaa","description":"✨ My personal portfolio showcasing my work and skills.","archived":false,"fork":false,"pushed_at":"2025-05-09T10:35:07.000Z","size":590,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-09T10:39:58.236Z","etag":null,"topics":["css","javascript","nodejs","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://notharshhaa.site","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/NotHarshhaa.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,"zenodo":null}},"created_at":"2025-04-10T07:40:38.000Z","updated_at":"2025-05-09T10:35:11.000Z","dependencies_parsed_at":"2025-05-09T10:40:01.438Z","dependency_job_id":"abaadf9d-df5b-459e-92b9-963b8f21b5bc","html_url":"https://github.com/NotHarshhaa/personal-portfolio","commit_stats":null,"previous_names":["notharshhaa/personal-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotHarshhaa%2Fpersonal-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotHarshhaa%2Fpersonal-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotHarshhaa%2Fpersonal-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotHarshhaa%2Fpersonal-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NotHarshhaa","download_url":"https://codeload.github.com/NotHarshhaa/personal-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NotHarshhaa%2Fpersonal-portfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259098639,"owners_count":22804794,"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":["css","javascript","nodejs","tailwindcss","typescript"],"created_at":"2025-06-10T15:11:11.715Z","updated_at":"2026-04-02T18:53:10.614Z","avatar_url":"https://github.com/NotHarshhaa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✨ Personal Portfolio — Modern DevOps Engineer Portfolio\n\n![Portfolio Banner](https://imgur.com/dOMs87v.png)\n\nA modern, performant, and beautifully designed personal portfolio showcasing my journey, skills, and projects in DevOps, cloud computing, and tech content creation. Built with cutting-edge web technologies and optimized for an exceptional user experience across all devices.\n\n---\n\n## 🔗 Live Website  \n\n👉 **[Visit my portfolio](https://notharshhaa.site)**\n\n---\n\n## ✨ Key Features\n\n### 🎨 Modern UI/UX\n- **Glassmorphism Design**: Beautiful frosted glass effects with backdrop blur\n- **Smooth Animations**: Page transitions and micro-interactions using Framer Motion\n- **Typing Animations**: Dynamic text animations for engaging content presentation\n- **Responsive Layout**: Fully optimized for mobile, tablet, and desktop\n- **Dark Mode**: Seamless theme switching with system preference detection\n- **Compact Mobile Design**: Optimized for smaller screens without compromising functionality\n\n### 🧭 Navigation\n- **Fixed Header**: Always accessible navigation with smooth scroll behavior\n- **Mobile Menu**: Hamburger menu with slide-down animation for mobile devices\n- **Keyboard Shortcuts**: Quick navigation using keyboard commands (press `?` to see shortcuts)\n- **Social Sharing**: Built-in share functionality for Twitter, LinkedIn, Email, and copy link\n\n### 📄 Sections\n\n#### 🏠 About/Hero\n- Centered avatar with floating animation\n- Professional introduction with gradient text effects\n- Technology stack badges with hover effects\n- Social links (GitHub, LinkedIn, Twitter, etc.)\n- Responsive grid layout adapting to all screen sizes\n\n#### 💼 Career\n- Timeline design with animated dots and connecting lines\n- Company cards with job roles and descriptions\n- Type animation for job titles\n- Badge indicators (Remote, Full-time, etc.)\n- External profile links\n- Compact mobile view with optimized spacing\n\n#### 🚀 Projects\n- Grid layout (2 columns on desktop, 1 on mobile)\n- Search and filter functionality\n- Project cards with:\n  - Title with external link indicators\n  - Technology tags/badges\n  - Preview and GitHub links\n  - Image/video previews in tooltips\n- Pagination for easy navigation\n- Line-clamped descriptions for consistency\n\n#### 📧 Contact\n- Interactive contact form with validation\n- Real-time error feedback\n- Honeypot spam protection\n- Email integration via Resend API\n- Animated form fields with smooth transitions\n- Loading states and success/error notifications\n\n### 🎯 Additional Features\n- **Scroll to Top**: Smooth scroll button appears when scrolling down\n- **Reading Progress**: Progress bar for blog/content pages\n- **Skip to Content**: Accessibility feature for keyboard navigation\n- **Error Boundaries**: Graceful error handling with user-friendly messages\n- **Form Validation**: Client-side validation with Zod schema\n- **Toast Notifications**: User feedback for actions (Sonner)\n\n---\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js 18+ and npm/yarn/pnpm\n\n### Installation\n\n1. Clone the repository\n```bash\ngit clone https://github.com/NotHarshhaa/personal-portfolio.git\ncd personal-portfolio\n```\n\n2. Install dependencies\n```bash\nnpm install\n```\n\n3. Set up environment variables\n```bash\ncp .env.example .env.local\n# Add your environment variables (Resend API key, etc.)\n```\n\n4. Run development server\n```bash\nnpm run dev\n```\n\n5. Open [http://localhost:3000](http://localhost:3000) in your browser\n\n---\n\n## 🔧 Configuration\n\n### Environment Variables\nCreate a `.env.local` file with:\n```env\nRESEND_API_KEY=your_resend_api_key\nGITHUB_TOKEN=your_github_token\n```\n\n### Customization\n- **Data**: Edit files in `src/data/` to update content\n- **Styles**: Modify Tailwind config in `tailwind.config.ts`\n- **Theme**: Adjust colors in `src/app/globals.css`\n- **Components**: Customize components in `src/components/`\n\n## 📱 Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n- Mobile browsers (iOS Safari, Chrome Mobile)\n\n## 🙌 Acknowledgments\n\n- **[@emapeire](https://github.com/emapeire)** - Original inspiration and template structure\n- **[shadcn](https://twitter.com/shadcn)** - Amazing UI component library\n- **[Vercel](https://vercel.com)** - Hosting and deployment platform\n- **Open Source Community** - For the incredible tools and libraries\n\n## 📄 License\n\nThis project is open source and available under the MIT License.\n\n---\n\n**Built with ❤️ by [Harshhaa Vardhan Reddy](https://github.com/NotHarshhaa)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnotharshhaa%2Fpersonal-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnotharshhaa%2Fpersonal-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnotharshhaa%2Fpersonal-portfolio/lists"}