{"id":30232333,"url":"https://github.com/arun-webcode/arun-portfolio","last_synced_at":"2026-04-10T22:43:49.622Z","repository":{"id":306320295,"uuid":"1025738718","full_name":"Arun-webcode/arun-portfolio","owner":"Arun-webcode","description":"Hii Arun this side, welcome to my portfolio...","archived":false,"fork":false,"pushed_at":"2025-07-24T20:09:05.000Z","size":1346,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-25T01:35:10.756Z","etag":null,"topics":["angular","html","netlify-deployment","scss","typescript"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Arun-webcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-07-24T18:08:32.000Z","updated_at":"2025-07-24T20:11:59.000Z","dependencies_parsed_at":"2025-07-25T01:35:14.027Z","dependency_job_id":"5646271e-f9ec-4448-89c8-0dba4e83e021","html_url":"https://github.com/Arun-webcode/arun-portfolio","commit_stats":null,"previous_names":["arun-webcode/arun-portfolio"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Arun-webcode/arun-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arun-webcode%2Farun-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arun-webcode%2Farun-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arun-webcode%2Farun-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arun-webcode%2Farun-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Arun-webcode","download_url":"https://codeload.github.com/Arun-webcode/arun-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arun-webcode%2Farun-portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270500676,"owners_count":24595163,"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","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["angular","html","netlify-deployment","scss","typescript"],"created_at":"2025-08-14T23:57:05.563Z","updated_at":"2026-04-10T22:43:49.610Z","avatar_url":"https://github.com/Arun-webcode.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Arun Kumar - Angular Ionic Portfolio\n\n## 🚀 Live Demo\n**URL:** [View Portfolio](https://portfolio-arun-webcode.netlify.app)\n\n---\n\n## 🔥 Overview\nAn animated, impactful, and fully responsive portfolio built with **Angular 18+**, **Ionic**, **SCSS**, and **TypeScript**, featuring a professional dark theme with modern UI and theme switcher support.\n\n---\n\n## ✨ Key Features\n\n### 🎨 UI \u0026 Theme\n- **Dark Theme (default):** Black + purple + cyan with glowing gradients\n- **Light Theme:** Clean white with dark text, preserving brand colors\n- **Theme Toggle:** Floating switch with icon, remembers user choice via `localStorage`\n- **Modern Effects:** Glassmorphism, glowing elements, gradient text\n- **Responsive:** Optimized for mobile, tablet, and desktop\n\n### 📄 Pages \u0026 Sections\n1. **Home** – Hero intro, social links, CTA buttons\n2. **About** – Objective, personal details, education, interests\n3. **Experience** – Internship details (SarvM.AI), timeline format\n4. **Projects** – Card layout, featured badge, tech stack, links\n5. **Skills** – Categories, animated progress bars, certifications\n6. **Contact** – Interactive form, availability, contact cards\n\n### 💻 Tech Stack\n- **Frontend:** Angular 18+, Ionic Framework\n- **Architecture:** ngModule-based\n- **Styling:** SCSS w/ mixins and variables\n- **Language:** TypeScript\n- **Icons \u0026 Animations:** Ionic Icons + CSS3\n- **Build Tool:** Angular CLI + Vite\n\n### 🎯 UX \u0026 Accessibility\n- Smooth transitions, hover/press animations\n- Responsive navigation and forms\n- ARIA-compliant, accessible color contrast\n\n---\n\n## 🛠 Theme Switcher\n- **Switch Button:** Top-right corner, sun/moon icon\n- **Dark Theme:** Purple/Cyan on black\n- **Light Theme:** Dark text on clean white\n- **Tech:** RxJS observable theme service, standalone component\n\n## 🗂️ File Structure\n```\narun-portfolio/\n├── src/\n│   ├── app/\n│   │   ├── home/       # Home Page\n│   │   ├── about/      # About Page\n│   │   ├── experience/ # Experience Page\n│   │   ├── projects/   # Projects Page\n│   │   ├── skills/     # Skills Page\n│   │   ├── contact/    # Contact Page\n│   │   └── tabs/       # Navigation\n│   ├── global.scss     # Global theme styles\n│   └── theme/          # Ionic variables\n├── angular.json        # Angular config\n├── ionic.config.json   # Ionic config\n├── package.json        # Dependencies\n```\n\n---\n\n## ⚙️ Setup \u0026 Deployment\n```bash\n# Clone \u0026 Setup\ncd arun-portfolio\nnpm install\nionic serve     # Dev mode\nionic build     # Production build\n```\n\n---\n\n## 📈 Performance\n- **Build Size:** ~576KB (gzipped: ~149KB)\n- **Load Time:** \u003c 2s\n- **Lighthouse:** High performance, accessibility, SEO\n\n---\n\n## 📌 Highlights\n- SEO ready, fast load, clean design\n- 100% responsive \u0026 mobile-friendly\n- Modular, scalable code\n- WCAG-compliant accessibility\n- Production-tested and deployed\n\n---\n\n**Built with ❤️ using Angular, Ionic \u0026 TypeScript**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farun-webcode%2Farun-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farun-webcode%2Farun-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farun-webcode%2Farun-portfolio/lists"}