{"id":31812821,"url":"https://github.com/riakjam/personal-portfolio-website-hackathon1","last_synced_at":"2026-02-17T12:33:27.102Z","repository":{"id":307135080,"uuid":"1028463758","full_name":"RiakJam/personal-portfolio-website-hackathon1","owner":"RiakJam","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-30T15:19:58.000Z","size":3023,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-11T07:42:11.055Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://personal-portfolio-website-hackatho.vercel.app","language":"CSS","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/RiakJam.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-07-29T15:08:33.000Z","updated_at":"2025-07-30T15:20:02.000Z","dependencies_parsed_at":"2025-10-11T07:40:40.756Z","dependency_job_id":"45079ded-db40-4922-898b-9fe0db54c73e","html_url":"https://github.com/RiakJam/personal-portfolio-website-hackathon1","commit_stats":null,"previous_names":["riakjam/personal-portfolio-website-hackathon1"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RiakJam/personal-portfolio-website-hackathon1","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RiakJam%2Fpersonal-portfolio-website-hackathon1","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RiakJam%2Fpersonal-portfolio-website-hackathon1/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RiakJam%2Fpersonal-portfolio-website-hackathon1/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RiakJam%2Fpersonal-portfolio-website-hackathon1/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RiakJam","download_url":"https://codeload.github.com/RiakJam/personal-portfolio-website-hackathon1/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RiakJam%2Fpersonal-portfolio-website-hackathon1/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29543905,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T12:21:34.159Z","status":"ssl_error","status_checked_at":"2026-02-17T12:21:02.057Z","response_time":100,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":[],"created_at":"2025-10-11T07:40:16.227Z","updated_at":"2026-02-17T12:33:22.077Z","avatar_url":"https://github.com/RiakJam.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# James Riak's Portfolio Website\n\n### Project Overview\nThis is a professional portfolio website showcasing James Riak Samuel Yacobo's skills, projects, and professional background. The single-page application features responsive design with smooth navigation between sections.\n\n### Live Website\n🚀 [View My Portfolio](https://personal-portfolio-website-hackatho.vercel.app/)\n\n### Features\n- Fully responsive layout\n- Interactive elements and animations\n- Project showcase with live links\n- Detailed skills visualization\n- Contact form and multiple contact options\n- Loading animation\n\n### Single-Page Design with Hash (#) Navigation Explanation\n- Reason: The website uses a single-page design with hash (#) navigation primarily for seamless user experience and faster content access.\n\n#### Key Benefits:\n##### Instant Section Loading\n- Hash links (e.g., #projects) allow users to jump between sections without full page reloads\n- Eliminates white flashes between page transitions\n\n##### Preserved Scroll Position\n- Users can bookmark specific sections (e.g., yourdomain.com#contact)\n- Browser back/forward buttons work intuitively between sections\n\n##### Performance Optimization\n- Only one HTTP request needed for all content\n- No waiting for multiple pages to load when navigating\n\n##### Portfolio-Specific Advantages\n- Creates a \"storytelling\" flow as users scroll through professional journey\n- Visual consistency across all sections reinforces personal brand\n\n### Technologies Used\n- HTML5 (semantic markup)\n- CSS3 (flexbox, grid, animations)\n- Vercel (for deployment)\n\n## File Structure\n### Root Folder - portfolio\n- index.html - Main website content\n- assets/ - folders insite assets (css, images, icons and files)\n- css/ - Stylesheets (styles.css)\n- images/ - Project screenshots and background image for hero section\n- icons/ - Various icons used\n- files/ - Downloadable documents (CV)\n\n### Section Breakdown\n\n#### Header \u0026 Navigation\n- Fixed position menu\n- Responsive hamburger menu\n- Smooth scrolling\n\n#### Hero Section\n- Introduction with CTA\n- Clean, focused design\n\n#### About Section\n- Personal introduction\n- Skills visualization with progress bars\n\n#### Education Section\n- Chronological timeline\n- Downloadable CV\n\n#### Projects Section\n- Featured projects with:\n  - Screenshots\n  - Descriptions\n  - Live links\n\n### Responsive Design\n**Breakpoints:**\n1. Mobile (up to 767px)\n2. Tablet (768px-1023px)\n3. Desktop (1024px+)\n\n### Accessibility Features\n- Semantic HTML5\n- ARIA (Accessible Rich Internet Applications) attributes\n- Keyboard navigation\n- Proper contrast ratios\n\n### Performance Optimizations\n- Minimal dependencies\n- Efficient CSS\n- Loading strategy\n\n### Deployment\nHosted on Vercel with automatic deployments from GitHub.\n\n### Contact\n**James Riak Samuel Yacobo**  \n📧 [riakjms@gmail.com](mailto:riakjms@gmail.com)  \n📞 [+254 757 876 862](tel:+254757876862)  \n\n**Profiles:**  \n🔗 [LinkedIn](https://www.linkedin.com/in/james-riak-315044226/)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friakjam%2Fpersonal-portfolio-website-hackathon1","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friakjam%2Fpersonal-portfolio-website-hackathon1","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friakjam%2Fpersonal-portfolio-website-hackathon1/lists"}