{"id":31879408,"url":"https://github.com/jaynightmare/simple-portfolio","last_synced_at":"2026-05-04T00:32:20.474Z","repository":{"id":311020815,"uuid":"1041768074","full_name":"JayNightmare/Simple-Portfolio","owner":"JayNightmare","description":"Simple Portfolio for a programmer. Will display your GitHub automatically","archived":false,"fork":false,"pushed_at":"2026-02-02T09:44:46.000Z","size":2879,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-02T00:16:28.247Z","etag":null,"topics":["github","github-pages","portfolio","portfolio-website","react","vite"],"latest_commit_sha":null,"homepage":"http://jaynightmare.github.io/Simple-Portfolio/","language":"JavaScript","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/JayNightmare.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"JayNightmare"}},"created_at":"2025-08-21T01:33:40.000Z","updated_at":"2025-11-12T17:47:59.000Z","dependencies_parsed_at":"2025-08-21T18:16:21.050Z","dependency_job_id":"8af287bb-4a20-46b4-96ca-ba7d7eb17dc8","html_url":"https://github.com/JayNightmare/Simple-Portfolio","commit_stats":null,"previous_names":["jaynightmare/jays-portfolio","jaynightmare/simple-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JayNightmare/Simple-Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayNightmare%2FSimple-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayNightmare%2FSimple-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayNightmare%2FSimple-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayNightmare%2FSimple-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JayNightmare","download_url":"https://codeload.github.com/JayNightmare/Simple-Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayNightmare%2FSimple-Portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590204,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["github","github-pages","portfolio","portfolio-website","react","vite"],"created_at":"2025-10-13T00:29:13.366Z","updated_at":"2026-05-04T00:32:20.463Z","avatar_url":"https://github.com/JayNightmare.png","language":"JavaScript","funding_links":["https://github.com/sponsors/JayNightmare"],"categories":[],"sub_categories":[],"readme":"# Simple Portfolio Website\n-# discontinued\n\nA modern, responsive portfolio website built with React that showcases GitHub projects and personal work. The site automatically fetches and caches data from GitHub APIs to display repositories, technologies, and development activity.\n\n## 🌟 Features\n\n- **Automatic GitHub Integration**: Fetches repositories from personal GitHub account and organizations\n- **Smart Caching**: 30-minute cache system to optimize API calls and improve performance\n- **Language Grouping**: Projects automatically grouped by programming language with visual cards\n- **Featured Projects**: Highlights top repositories based on stars and activity\n- **Responsive Design**: Fully responsive layout that works on all devices\n- **Social Links**: Quick navigation to LinkedIn, GitHub, and Discord profiles\n- **Modern UI**: Glass morphism effects, smooth animations, and gradient backgrounds\n\n## 🛠️ Technologies Used\n\n- **React** - Frontend framework\n- **JavaScript** - Programming language\n- **CSS3** - Styling with modern features (backdrop-filter, gradients, grid)\n- **Axios** - HTTP client for GitHub API calls\n- **GitHub APIs** - Data source for repositories and user information\n- **GitHub Pages** - Hosting platform\n\n## 🚀 Quick Start\n\n### Prerequisites\n- Node.js (v14 or higher)\n- npm or yarn\n- Git\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/JayNightmare/Simple-Portfolio.git\ncd Simple-Portfolio\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Start the development server:\n```bash\nnpm start\n```\n\n4. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/\n│   ├── GitHubService.js      # GitHub API integration and caching\n│   ├── PersonalInfo.js       # Profile section with social links\n│   ├── PersonalInfo.css\n│   ├── LanguageCards.js      # Technology/language grouping\n│   └── LanguageCards.css\n├── App.js                    # Main application component\n├── App.css                   # Global styles\n├── NavBar.js                 # Navigation component\n├── NavBar.css\n├── FeaturedProjects.js       # Highlighted repositories\n├── FeaturedProjects.css\n├── FuturePlans.js           # Goals and future plans\n├── FuturePlans.css\n└── index.js                 # Application entry point\n```\n\n## 🔧 Configuration\n\n### GitHub API Rate Limits\nThe application uses public GitHub APIs with a 30-minute caching system to respect rate limits. For higher rate limits, you can:\n\n1. Add a GitHub personal access token (optional)\n2. Modify the GitHubService.js file to include authentication\n\n### Customization\nTo customize for your own portfolio:\n\n1. Update the GitHub username and organizations in `GitHubService.js`\n2. Modify social links in `PersonalInfo.js` and `NavBar.js`\n3. Update personal information and future plans\n4. Replace the placeholder profile image\n\n## 🌐 Deployment\n\n### GitHub Pages\n\n1. Install gh-pages:\n```bash\nnpm install --save-dev gh-pages\n```\n\n2. Deploy to GitHub Pages:\n```bash\nnpm run deploy\n```\n\n### Change Domain\nThis project is configured for the github-pages domain. To change to your GitHub page url:\n1. Go to the Search tab (Easier to go to VSCode)\n2. Search for all instances of \"jaynightmare\"\n3. Replace with your GitHub name\n\n![Steps](https://github.com/JayNightmare/Simple-Portfolio/blob/88c35c5a1db928d471125c2fcf7380db4ca9ae03/src/assets/steps.jpg)\n\n## 📊 GitHub API Integration\n\nThe portfolio automatically fetches:\n- User profile information\n- Public repositories from personal account\n- Repositories from specified organizations\n- Repository statistics (stars, forks, languages)\n- Recent activity and update dates\n\n## 🎨 Design Features\n\n- **Gradient Backgrounds**: Modern purple-blue gradients\n- **Glass Morphism**: Translucent cards with backdrop blur\n- **Responsive Grid**: Flexible layouts for all screen sizes\n- **Smooth Animations**: Hover effects and transitions\n- **Accessibility**: Focus states and semantic HTML\n- **Performance**: Optimized loading and caching\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## 🔄 Caching Strategy\n\nThe application implements a smart caching system:\n- **Cache Duration**: 30 minutes\n- **Cached Data**: User profile, repositories, organizations\n- **Cache Invalidation**: Automatic after expiration\n- **Fallback**: Graceful degradation if API fails\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch: `git checkout -b feature-name`\n3. Commit changes: `git commit -am 'Add feature'`\n4. Push to branch: `git push origin feature-name`\n5. Create a Pull Request\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n---\n\nBuilt with ❤️ by Jay using React and modern web technologies.\n\n## Available Scripts\n\n### `npm start`\nRuns the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\n### `npm test`\nLaunches the test runner in interactive watch mode.\n\n### `npm run build`\nBuilds the app for production to the `build` folder.\n\n### `npm run deploy`\nBuilds and deploys the app to GitHub Pages.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaynightmare%2Fsimple-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaynightmare%2Fsimple-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaynightmare%2Fsimple-portfolio/lists"}