{"id":31582969,"url":"https://github.com/asg5704/developer-portfolio","last_synced_at":"2026-05-05T04:09:17.467Z","repository":{"id":313573698,"uuid":"1051893533","full_name":"asg5704/developer-portfolio","owner":"asg5704","description":"Developer portfolio template using Nuxt, Vue, Vite, and TypeScript","archived":false,"fork":false,"pushed_at":"2025-09-21T22:48:53.000Z","size":197,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-22T00:23:12.539Z","etag":null,"topics":["developer-portfolio-template","nuxt","typescript","vite","vue"],"latest_commit_sha":null,"homepage":"https://developer-portfolio-two-pied.vercel.app/","language":"Vue","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/asg5704.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-07T00:12:57.000Z","updated_at":"2025-09-21T22:48:56.000Z","dependencies_parsed_at":"2025-09-07T02:33:23.667Z","dependency_job_id":"5b89fb1b-cc3a-4c71-b581-cdab4547ed37","html_url":"https://github.com/asg5704/developer-portfolio","commit_stats":null,"previous_names":["asg5704/developer-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/asg5704/developer-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asg5704%2Fdeveloper-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asg5704%2Fdeveloper-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asg5704%2Fdeveloper-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asg5704%2Fdeveloper-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asg5704","download_url":"https://codeload.github.com/asg5704/developer-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asg5704%2Fdeveloper-portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278537766,"owners_count":26003250,"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-10-05T02:00:06.059Z","response_time":54,"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":["developer-portfolio-template","nuxt","typescript","vite","vue"],"created_at":"2025-10-05T23:56:23.882Z","updated_at":"2025-10-05T23:56:27.980Z","avatar_url":"https://github.com/asg5704.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Developer Portfolio Template\n\nA modern, responsive portfolio website template built with TypeScript, Nuxt.js, Vite, and Radix UI components. Perfect for software engineers looking to showcase their skills and projects.\n\n\u003cimg width=\"1559\" height=\"817\" alt=\"Screenshot 2025-09-11 at 8 51 28 PM\" src=\"https://github.com/user-attachments/assets/637280da-525f-4913-8bda-ceeabe6dbeb6\" /\u003e\n\n\n## 🚀 Features\n\n- **Modern Tech Stack**: Built with Nuxt 3, TypeScript, and Vite\n- **Responsive Design**: Looks great on desktop, tablet, and mobile devices\n- **Dark/Light Theme Support**: Built-in theme system with Tailwind CSS\n- **Radix UI Components**: Accessible and customizable UI components\n- **SEO Optimized**: Meta tags, Open Graph, and structured data\n- **Type Safety**: Full TypeScript support throughout\n- **Easy Customization**: Simple data-driven configuration\n- **Performance Focused**: Optimized for speed and Core Web Vitals\n\n## 📋 Sections\n\n- **Hero Section**: Personal introduction with social links\n- **Skills Section**: Categorized skills with proficiency indicators\n- **Projects Section**: Showcase of your work with filtering options\n- **Contact Section**: Multiple ways for people to get in touch\n\n## 🛠️ Installation\n\n1. Clone this repository:\n```bash\ngit clone https://github.com/asg5704/developer-portfolio.git\ncd developer-portfolio\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Start the development server:\n```bash\nnpm run dev\n```\n\n4. Open your browser and visit `http://localhost:3000`\n\n## ⚙️ Configuration\n\n### Personal Information\n\nEdit the `/data/portfolio.ts` file to customize your portfolio:\n\n```typescript\nexport const portfolioData: PortfolioData = {\n  name: \"Your Name\",\n  title: \"Your Job Title\",\n  bio: \"Your bio description...\",\n  email: \"your.email@example.com\",\n  location: \"Your Location\",\n  links: {\n    github: \"https://github.com/yourusername\",\n    linkedin: \"https://linkedin.com/in/yourusername\",\n    website: \"https://yourwebsite.com\",\n    twitter: \"https://twitter.com/yourusername\"\n  },\n  skills: [\n    // Add your skills here\n  ],\n  projects: [\n    // Add your projects here\n  ]\n}\n```\n\n### Skills Configuration\n\nAdd your skills with categories and proficiency levels:\n\n```typescript\nskills: [\n  {\n    name: \"TypeScript\",\n    category: \"Languages\", // Frontend, Backend, DevOps, Database, Tools, Languages\n    proficiency: \"Expert\" // Beginner, Intermediate, Advanced, Expert\n  }\n]\n```\n\n### Projects Configuration\n\nShowcase your projects:\n\n```typescript\nprojects: [\n  {\n    id: \"unique-project-id\",\n    title: \"Project Name\",\n    description: \"Short description\",\n    longDescription: \"Detailed description (optional)\",\n    technologies: [\"Tech1\", \"Tech2\", \"Tech3\"],\n    githubUrl: \"https://github.com/username/project\",\n    liveUrl: \"https://project-demo.com\",\n    imageUrl: \"/projects/image.jpg\", // Optional\n    featured: true, // Will be shown first\n    status: \"Completed\", // In Progress, Completed, Archived\n    startDate: \"2023-01-15\",\n    endDate: \"2023-06-30\" // Optional\n  }\n]\n```\n\n## 🎨 Styling\n\nThe template uses Tailwind CSS with a custom design system. You can customize the colors and styling by editing:\n\n- `/assets/css/main.css` - CSS variables and global styles\n- `/tailwind.config.ts` - Tailwind configuration\n- Individual component files for specific styling\n\n## 📦 Build and Deployment\n\n### Build for Production\n\n```bash\nnpm run build\n```\n\n### Generate Static Site\n\n```bash\nnpm run generate\n```\n\n### Preview Production Build\n\n```bash\nnpm run preview\n```\n\n## 🚀 Deployment Options\n\nThis template can be deployed to various platforms:\n\n- **Vercel**: Automatic deployments from Git\n- **Netlify**: Static site hosting with forms support\n- **GitHub Pages**: Free hosting for open source projects\n- **AWS S3 + CloudFront**: Scalable static hosting\n- **Any static hosting provider**\n\n## 📁 Project Structure\n\n```\n├── assets/         # CSS and static assets\n├── components/     # Vue components\n├── data/           # Portfolio data configuration\n├── layouts/        # Nuxt layouts\n├── pages/          # Application pages\n├── types/          # TypeScript type definitions\n├── utils/          # Utility functions\n├── nuxt.config.ts  # Nuxt configuration\n└── package.json    # Dependencies and scripts\n```\n\n## 🛠️ Available Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run generate` - Generate static site\n- `npm run preview` - Preview production build\n- `npm run lint` - Run ESLint\n- `npm run typecheck` - Run TypeScript checks\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 💡 Inspiration\n\nBuilt with modern web development best practices and inspired by the developer community's need for clean, professional portfolio templates.\n\n---\n\n**Happy coding!** 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasg5704%2Fdeveloper-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasg5704%2Fdeveloper-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasg5704%2Fdeveloper-portfolio/lists"}