{"id":13510144,"url":"https://github.com/hashirshoaeb/home","last_synced_at":"2025-05-14T01:09:27.841Z","repository":{"id":38889334,"uuid":"188564115","full_name":"hashirshoaeb/home","owner":"hashirshoaeb","description":"The personal website/portfolio template by Hashir Shoaib. Built using React and Bootstrap.","archived":false,"fork":false,"pushed_at":"2024-12-24T11:12:34.000Z","size":40738,"stargazers_count":1433,"open_issues_count":2,"forks_count":1725,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-04-03T08:03:24.405Z","etag":null,"topics":["bootstrap-4","personal-site","personal-website","portfolio","portfolio-page","portfolio-site","portfolio-template","portfolio-website","reactjs","resume-website","template","typist"],"latest_commit_sha":null,"homepage":"https://hashirshoaeb.github.io/home","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","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":"2019-05-25T12:33:54.000Z","updated_at":"2025-04-02T06:34:39.000Z","dependencies_parsed_at":"2024-12-25T18:04:59.019Z","dependency_job_id":"3fb3201c-bb91-4666-8353-c22fec59b1f0","html_url":"https://github.com/hashirshoaeb/home","commit_stats":{"total_commits":176,"total_committers":13,"mean_commits":"13.538461538461538","dds":"0.32386363636363635","last_synced_commit":"9e027776ad6a3dd35d72e31696e363ffeedb1d68"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fhome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fhome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fhome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hashirshoaeb%2Fhome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hashirshoaeb","download_url":"https://codeload.github.com/hashirshoaeb/home/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248224783,"owners_count":21068075,"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":["bootstrap-4","personal-site","personal-website","portfolio","portfolio-page","portfolio-site","portfolio-template","portfolio-website","reactjs","resume-website","template","typist"],"created_at":"2024-08-01T02:01:25.990Z","updated_at":"2025-04-10T13:09:33.624Z","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":["JavaScript","Themes","Templates","reactjs"],"sub_categories":["Misc."],"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/home\"\u003ehashirshoaeb.github.io/home\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://hashirshoaeb.github.io\"\u003eAbout Me\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n![GitHub contributors](https://img.shields.io/github/contributors/hashirshoaeb/home?color=ffcc66\u0026style=for-the-badge)\n![GitHub stars](https://img.shields.io/github/stars/hashirshoaeb/home?color=ffcc66\u0026style=for-the-badge)\n[![GitHub forks](https://img.shields.io/github/forks/hashirshoaeb/home?style=for-the-badge)](https://github.com/hashirshoaeb/star_book/network)\n[![GitHub issues](https://img.shields.io/github/issues/hashirshoaeb/home?color=ffcc66\u0026style=for-the-badge)](https://github.com/hashirshoaeb/star_book/issues)\n[![GitHub license](https://img.shields.io/github/license/hashirshoaeb/home?style=for-the-badge)](https://github.com/hashirshoaeb/home/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=^22.12.0\u0026color=026e00\u0026style=for-the-badge)](https://nodejs.org)\n[![npm Version](https://img.shields.io/static/v1?label=npm\u0026message=^10.9.0\u0026color=cb0000\u0026style=for-the-badge)](https://nodejs.org)\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      \u003cul\u003e\n        \u003cli\u003e\n          \u003ca href=\"#technology-stack-\"\u003eTechnology Stack 🛠️\u003c/a\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\n          \u003ca href=\"#structure-\"\u003eStructure ⚓\u003c/a\u003e\n        \u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting started 💗\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n          \u003ca href=\"#prerequisites-\"\u003ePrerequisites 🍪\u003c/a\u003e\n        \u003c/li\u003e\n        \u003cli\u003e\n          \u003ca href=\"#setup-and-deployment-\"\u003eSetup And Deployment 🔧\u003c/a\u003e\n        \u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#support-my-work\"\u003eSupport my work\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#showcase-\"\u003eShowcase 🚀\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#versão-em-português-brazil\"\u003eVersão em Português :brazil:\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#notice\"\u003eNotice\u003c/a\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#stargazers-over-time\"\u003eStargazers over time\u003c/a\u003e\n    \u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n# About the project\n\n[![Site preview](/public/social-image.png)](https://hashirshoaeb.github.io/home)\n\n\n## Technology stack 🛠️\n\nDependencies defined in package.json:\n\n[Reactjs](https://reactjs.org/)\n| [Bootstrap](https://getbootstrap.com/)\n| [Typist](https://github.com/jstejada/react-typist)\n| [GitHub API](https://developer.github.com/v3/repos/)\n| [Instagram API](https://www.instagram.com/developer/embedding/)\n\n## Structure ⚓\n\n- Navigation bar (optional)\n- Body\n  - Name | Profession\n  - Contact / Follow / Find me / Facebook / LinkedIn / GitHub / Instagram / Email / CodePen\n  - Resume | About me\n- About Me\n  - Display picture (optional)\n  - About myself, my Interests, Goals and Hobbies\n  - Things I'm good at (Skills)\n  - Resume button\n- Recent Projects (using GitHub API) (optional)\n- Leadership (optional)\n  - Paragraph\n  - Carousel images\n- Skills (optional)\n  - Technical Skills\n  - Soft Skills\n- Footer\n  - Footer Note (optional)\n  - Copyrights - open source\n  - Acknowledgements\n\n# Getting started 💗\n\nProject is open source. Feel free to make your own version. All you need to do is to fork this repository, edit [src/editable-stuff/config.js](./src/editable-stuff/config.js) and add resume. Mark star ⭐ if you like the project.\n\n## Prerequisites 🍪\n\nYou should have [Node.js](https://nodejs.org/en/) and [Git](https://git-scm.com/) installed on your PC. You should also own a GitHub account.\n\n## Setup And Deployment 🔧\n\n1. To Get Started, Fork this repository to your GitHub account:\n2. Clone the forked repo from your account using:\n\n   ```bash\n     git clone https://github.com/\u003cyour-username\u003e/home.git\n   ```\n\n3. Open in editor and edit [src/editable-stuff/config.js](./src/editable-stuff/config.js) file.\n\n4. Add your resume as \u003cresume.pdf\u003e in place of [src/editable-stuff/resume.pdf](./src/editable-stuff/)\n\n5. Edit [title](./public/index.html#L34) and meta [description](./public/index.html#L13) in [public/index.html](./public/index.html).\n6. Change URL in [package.json](./package.json) file:\n\n   ```json\n    \"homepage\": \"https://\u003cyour-username\u003e.github.io/home\"\n   ```\n\n   Or for deployment at custom domain, refer [create-react-app.dev](https://create-react-app.dev/docs/deployment/#step-1-add-homepage-to-packagejson)\n\n7. After editing run the following bash commands:\n\n   ```bash\n   npm install\n   npm start\n   ```\n\n8. To deploy website, run:\n\n   ```bash\n    npm run build\n    npm run deploy\n   ```\n\n   Or for deployment at \\\u003cusername\u003e.github.io, refer [READMEdocs/custom-deployment.md](./READMEdocs/custom-deployment.md) and [pages.js](./pages.js)\n\n9. Congrats your site is up and running. To see it live, visit:\n\n   ```https\n     https://\u003cyour-username\u003e.github.io/home\n   ```\n\n10. To change the thumbnail image:\n\n    - Navigate to the \"public\" folder.  \n    - There you will see \"social-image.png\".  \n    - Delete it.   \n    - Take a screenshot of your version and rename it \"social-image.png\" and place it there.  \n    \n   Next time if you make changes, repeat from step 8.\n\nFacing issues? Feel free to contact at hashirshoaeb@gmail.com.\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# Showcase 🚀\n\nHave you changed something in the code to create your own version? Feel free to share with me, I will list them in this space.\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/justiceserv/justiceserv.github.io\"\u003e\n        \u003cimg src=\"READMEdocs/justiceserv-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eGuhyun Chung\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hamzasohail0/home/\"\u003e\n        \u003cimg src=\"READMEdocs/hamzasohail0-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eHamza Sohail\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/AymunTariq/home/\"\u003e\n        \u003cimg src=\"READMEdocs/aymuntariq-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eAymun Tariq\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/anaashrafi/home/\"\u003e\n        \u003cimg src=\"READMEdocs/anaashrafi-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eAna Ashrafi\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/jefferyjohn/home/\"\u003e\n        \u003cimg src=\"READMEdocs/jefferyjohn-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eJeffery John\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/remimestdagh/home/\"\u003e\n        \u003cimg src=\"READMEdocs/remimestdagh-github-io-home.gif\" width=\"300px\" alt=\"\" /\u003e\n        \u003cbr /\u003e\n        \u003csub\u003e\u003cb\u003eRemi Mestdagh\u003c/b\u003e\u003c/sub\u003e\n      \u003c/a\u003e\n      \u003cbr /\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n# Versão em Português :brazil:\n\nEsse projeto foi traduzido para português! Se você gostou dele e quer criar a sua própria versão, confira o repositório do [@tashima42](https://github.com/tashima42) em [https://github.com/Tashima42/home](https://github.com/Tashima42/home).\nNovas contribuições e revisões na tradução são muito bem vindas!\n\n# Notice:\n\nThis project has been **archived**. Means that it is no longer actively maintained by developer. Free free to fork, use and maintain your own version. You can check my new portfolio template [here](https://github.com/hashirshoaeb/portfolio)\n\n# Stargazers over time\n\n[![Stargazers over time](https://starchart.cc/hashirshoaeb/home.svg)](https://starchart.cc/hashirshoaeb/home)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashirshoaeb%2Fhome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashirshoaeb%2Fhome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashirshoaeb%2Fhome/lists"}