{"id":30294296,"url":"https://github.com/brianali-codes/portfolio-hackathon","last_synced_at":"2026-02-11T11:03:06.033Z","repository":{"id":307958775,"uuid":"1028942897","full_name":"Brianali-codes/Portfolio-Hackathon","owner":"Brianali-codes","description":"My Portfolio website for the PLP portfolio Hackathon.","archived":false,"fork":false,"pushed_at":"2025-08-27T08:27:37.000Z","size":2187,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-27T17:13:47.187Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://alibrian.netlify.app/","language":"HTML","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/Brianali-codes.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-30T09:37:20.000Z","updated_at":"2025-08-27T08:27:41.000Z","dependencies_parsed_at":"2025-08-27T10:17:07.810Z","dependency_job_id":"f49fd230-ddaf-467b-b5a3-115a4226251c","html_url":"https://github.com/Brianali-codes/Portfolio-Hackathon","commit_stats":null,"previous_names":["brianali-codes/portfolio-hackathon"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Brianali-codes/Portfolio-Hackathon","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Brianali-codes%2FPortfolio-Hackathon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Brianali-codes%2FPortfolio-Hackathon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Brianali-codes%2FPortfolio-Hackathon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Brianali-codes%2FPortfolio-Hackathon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Brianali-codes","download_url":"https://codeload.github.com/Brianali-codes/Portfolio-Hackathon/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Brianali-codes%2FPortfolio-Hackathon/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29332292,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T06:13:03.264Z","status":"ssl_error","status_checked_at":"2026-02-11T06:12:55.843Z","response_time":97,"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":[],"created_at":"2025-08-17T01:21:45.837Z","updated_at":"2026-02-11T11:03:06.025Z","avatar_url":"https://github.com/Brianali-codes.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Portfolio.\n\n\nThis Project is soon gonna be migrated to react so as to add more features due to the limitation of css and html being lifted and now we have more room to work with more advanced libraries and javascript frameworks\n\n\n Brian Ali's Hackathon Portfolio made with (vanilla html and css) with pain and suffering due to lack of framework usage.\n\n \n\n\"Committing once a day, makes your career as a programmer 1 step away\" — Brian Ali\n\nWelcome to my personal portfolio website! This is where chaos meets code, and coffee meets commits. Built with pure HTML and CSS \n\nI Used github pages and netlify for its deployment \n\nFor the live site visit : \n[This link](https://brianali-codes.github.io/Portfolio-Hackathon/)\n\nAlternatively visit : \n[This link](https://alibrian.netlify.app/)\n\n## Portfolio Features.\n\n\n- Interactive Elements\n\n    Role Rotator: Watch \"Frontend\" → \"Backend\" → \"Fullstack\" dance across the screen / purely html and css.\n    Floating Dot Animation: Those achievement cards have dots that move around the border (yes, I spent way too much time on this)\n    Spinning Tech Icons: 60-second rotation cycle because why not?\n    Terminal Simulation: Complete with realistic command prompts and witty responses\n\n- Design Philosophy.\n\n    ```css\n    /* My design mantra */\n    .aesthetic-over-everything {\n        rule: \"Once added a 20MB library to move an icon 2px. No regrets.\";\n        priority: \"Make the web less ugly, one div at a time\";\n    }\n\n## Sections Breakdown.\n\n- Hero Section.\n\n    Animated role rotation (took me 3 hours to get right)\n    Achievement cards with that satisfying glow effect\n    Social links that invert colors on hover (the little things matter!)\n\n- About Section.\n\n    GitHub stats integration (because numbers don't lie)\n    Tech stack grid with spinning icons\n    Terminal interface with actual commands you'd run:\n\n   ```bash\n    whoami\n    Brian Ali — builder of things, breaker of limits (and sometimes code).\n   ```\n\n- Skills section.\n\n    add skills such as languages and related proficiencies.\n\n- Work Experience.\n\n    Added a cheeky \"WAITING FOR YOUR RESPONSE\" entry for potential employers\n    Included skills like \"Mastered the art of refreshing my inbox every 3.5 seconds\"\n\n- Dev Timeline.\n\n    Chronicles my journey from \"BR tag solves everything\" to actual developer\n    Honest confessions like debugging in dreams and console.log being my therapist.\n\n- Projects Showcase.\n\n    6 real projects with live links theres more on my github of course,\n    Hover effects that make project names glow orange\n    Technologies clearly listed for each project\n## Installation.\n\nInstall my-project by cloning the repo and running from live server\n\n```bash\n  git clone https://github.com/Brianali-codes/Portfolio-Hackathon.git\n\n```\nright click on your terminal to lauunch the site locally.\n    \n## Optimizations.\n\n- Fast loading (optimized images and minimal dependencies) by adding webp format instead of jpgs, cause trust me those take eons to load.\n\n- Fully responsive (works on your grandma's tablet) Accessible (semantic HTML and proper contrast) .\n\n- Smooth scrolling navigation  Back-to-top button that scales on hover and Micro-interactions throughout.\n\nThe \"Why\" Behind Design Choices Color Palette.\n\nWhite base: Clean, professional Orange accents (#ff6d4d): Energetic, creative Black text: Maximum readability Gray variations,But also just cause i like orange.\n\n## Typography\n\nMontserrat: Modern, clean, readable Cookie font: For quotes and personal touches Courier New: Terminal sections for authenticity\n## Experience.\n\n```css\n/* Dev Stats */\n.built-with {\n    love: \"Love and Cofee\";\n    dedication: \"Way too many late nights debugging CSS animations\";\n    lines-of-code: \"~1,500+ (because vanilla CSS is verbose but worth it!)\";\n    commits: \"Every single day (almost)\";\n    bugs-fixed: \"Not much,since it's just CSS and HTML 😂\";\n}\n```\n\n## Licence.\n\nThis project is free to use and contribute just hit me up, or not, just fork it lol.\n\n[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)\n\n🤝 Connect With Me:\n\n- 🎮 Discord: @brianali0834\n- 📧 Email: brianali427@gmail.com \n- 📸 Instagram: @luh_bryxe \n- 💼 Looking for opportunities!\n\n\nThis was a very fun project to build and it made me realize i could do some things without actually needing the power of javascript or frameworks, overal this also made me recall the core fundamentals of code and pushed me to my limits making me flexible.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrianali-codes%2Fportfolio-hackathon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrianali-codes%2Fportfolio-hackathon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrianali-codes%2Fportfolio-hackathon/lists"}