{"id":16413248,"url":"https://github.com/hashirshoaeb/portfolio","last_synced_at":"2025-04-12T18:53:03.968Z","repository":{"id":37830157,"uuid":"384184534","full_name":"hashirshoaeb/portfolio","owner":"hashirshoaeb","description":"The personal website/portfolio of Hashir Shoaib. Built using Nextjs and Bootstrap5.","archived":false,"fork":false,"pushed_at":"2024-12-24T12:30:48.000Z","size":18093,"stargazers_count":128,"open_issues_count":8,"forks_count":197,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-03T23:08:48.375Z","etag":null,"topics":["devfolio","hacktoberfest","personal-website","portfolio","portfolio-site","portfolio-website","template"],"latest_commit_sha":null,"homepage":"https://hashirshoaeb.github.io/portfolio","language":"JavaScript","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/hashirshoaeb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2021-07-08T16:22:13.000Z","updated_at":"2025-03-30T21:54:21.000Z","dependencies_parsed_at":"2023-11-11T08:21:09.223Z","dependency_job_id":"e1a5f65d-b458-46a7-ade7-24de2477ed0c","html_url":"https://github.com/hashirshoaeb/portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hashirshoaeb","download_url":"https://codeload.github.com/hashirshoaeb/portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248618244,"owners_count":21134200,"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","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":["devfolio","hacktoberfest","personal-website","portfolio","portfolio-site","portfolio-website","template"],"created_at":"2024-10-11T06:50:58.179Z","updated_at":"2025-04-12T18:53:03.942Z","avatar_url":"https://github.com/hashirshoaeb.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/hashirshoaeb","https://img.buymeacoffee.com/button-api/?text=Buy"],"categories":[],"sub_categories":[],"readme":"\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003ch1 align=\"center\"\u003eDeveloper's Portfolio ✨\u003c/h1\u003e\n\n  \u003cp align=\"center\"\u003e\n    It is a personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects.\n    \u003cbr /\u003e\n    \u003cstrong\u003eSite URL / Demo » \u003c/strong\u003e\n    \u003ca href=\"https://hashirshoaeb.github.io/portfolio\"\u003e hashirshoaeb.github.io/portfolio\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://hashirshoaeb.com\"\u003eAbout Me\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/hashirshoaeb/portfolio/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/hashirshoaeb/portfolio/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n[![GitHub forks](https://img.shields.io/github/forks/hashirshoaeb/portfolio?style=for-the-badge)](https://github.com/hashirshoaeb/portfolio/network)\n[![GitHub license](https://img.shields.io/github/license/hashirshoaeb/portfolio?style=for-the-badge)](https://github.com/hashirshoaeb/portfolio/blob/master/LICENSE)\n[![Twitter Follow](https://img.shields.io/twitter/follow/hashirshoaeb?color=ffcc66\u0026logo=twitter\u0026logoColor=ffffff\u0026style=for-the-badge)](https://twitter.com/hashirshoaeb)\n[![Node Version](https://img.shields.io/static/v1?label=Node\u0026message=16.16.0\u0026color=026e00\u0026style=for-the-badge)](https://nodejs.org)\n[![npm Version](https://img.shields.io/static/v1?label=npm\u0026message=8.11.0\u0026color=cb0000\u0026style=for-the-badge)](https://nodejs.org)\n\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#setup\"\u003eSetup\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#support-my-work\"\u003eSupport my work\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n# About The Project\n\n[![Product Name Screen Shot](/READMEdocs/screenshot.gif)](https://example.com)\n\nThere are many portfolio website templates available on Github, however, I didn't find one that really suit my needs so I created this one. A simple, easy to configure, lightweight, and responsive static portfolio website.\n\nI know one template doesn't fulfill everyone's needs. So I'll try adding more features in the near future. You may also suggest changes by forking this repo and creating a pull request or opening an issue.\n\n**Features**\n\n- [x] Easy to configure\n- [x] SEO friendly\n- [x] Responsive\n- [x] Lightweight\n- [x] Linktree Page\n\n**Built with** [Nextjs](https://nextjs.org/) \u0026 [Bootstrap5](https://getbootstrap.com).\n\n\n\n\u003c!-- GETTING STARTED --\u003e\n# Getting Started\n\nBuilding your own personal website from this project can take as little as 30 minutes. Follow the setup instructions below. Please feel free to reach out to me by filing an [issue](https://github.com/hashirshoaeb/portfolio/issues) or emailing me at hashirshoaeb@gmail.com for help configuring your project.\n\n## Prerequisites\n\nYou should have [Nodejs](https://nodejs.org/en/) and [Git](https://git-scm.com/downloads) installed on your PC. You should also own a GitHub account.\n\n## Setup\n\n1. Fork this repoistory and clone it to your local machine.\n    ```sh\n      git clone https://github.com/\u003cyour-username\u003e/portfolio.git\n    ``` \n\n2. Edit the [config/config.js](https://github.com/hashirshoaeb/portfolio/blob/main/config/config.js) file. Replace [config/profile.png](https://github.com/hashirshoaeb/portfolio/blob/main/config/profile.png) with your image. \n    \u003eNote: You need to rename your image file as `profile.png`.\n\n3. Run following scripts in terminal/command prompt to install dependencies.\n    ```sh\n      npm install\n      npm run build\n    ```\n## Testing\n\n1. To test on your local server, run the following command:\n    ```sh\n      npm run dev\n    ```\n\n2. Open the browser to http://localhost:3000/\n\n## Deployment\n\nIf it works locally, you can deploy your project to GitHub Pages. GitHub Pages provides two types of free domains, `\u003cusername\u003e.github.io` and `\u003cusername\u003e.github.io/\u003crepository\u003e`. You can choose the one that suits your needs. You can learn more about domain types from [here](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#types-of-github-pages-sites).\n\n### Deploy to \\\u003cyour-username\u003e.github.io/portfolio\n\nSimply you just need to commit and push your changes to github. And [GitHub Actions](https://docs.github.com/en/actions/learn-github-actions/introduction-to-github-actions#overview) will take care of the deployment. Your site will be available at `https://\u003cyour-username\u003e.github.io/portfolio`\n\n### Deploy to \\\u003cyour-username\u003e.github.io\n\nCreate a new repository with your username as `\u003cyour-username\u003e.github.io`. And let the following command do the job for you.\n\n```sh\n  npm run predeploy\n  node scripts/pages.js \u003cyour-username\u003e master\n```\n\nYour site will be available at `https://\u003cyour-username\u003e.github.io`\n\n\u003eNote: You need to replace `\u003cyour-username\u003e` with your username. To add CNAME for custom domain, see [scripts/cname.js](https://github.com/hashirshoaeb/portfolio/blob/main/scripts/cname.js)\n\n# Support my work\n\nIf you found this project valuable, please consider giving it a ⭐️ on GitHub. Your support keeps me motivated! If you'd like to further support my work, you can buy me a book. Thank you for your generosity!\n\n\u003cdiv\u003e\n  \u003ca href=\"https://www.buymeacoffee.com/hashirshoaeb\"\u003e\u003cimg src=\"https://img.buymeacoffee.com/button-api/?text=Buy me a book\u0026emoji=📖\u0026slug=hashirshoaeb\u0026button_colour=5F7FFF\u0026font_colour=ffffff\u0026font_family=Cookie\u0026outline_colour=000000\u0026coffee_colour=FFDD00\" /\u003e\u003c/a\u003e\n \u003c/div\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n# Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contribution you make would be **appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\n\n\u003c!-- LICENSE --\u003e\n# License\n\nDistributed under the `MIT` License. See [LICENSE](https://github.com/hashirshoaeb/portfolio/blob/main/LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashirshoaeb%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashirshoaeb%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashirshoaeb%2Fportfolio/lists"}