Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hashirshoaeb/home
The personal website/portfolio template by Hashir Shoaib. Built using React and Bootstrap.
https://github.com/hashirshoaeb/home
bootstrap-4 personal-site personal-website portfolio portfolio-page portfolio-site portfolio-template portfolio-website reactjs resume-website template typist
Last synced: 3 days ago
JSON representation
The personal website/portfolio template by Hashir Shoaib. Built using React and Bootstrap.
- Host: GitHub
- URL: https://github.com/hashirshoaeb/home
- Owner: hashirshoaeb
- License: lgpl-3.0
- Created: 2019-05-25T12:33:54.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-12-24T11:12:34.000Z (about 1 month ago)
- Last Synced: 2025-01-15T22:15:40.855Z (17 days ago)
- Topics: bootstrap-4, personal-site, personal-website, portfolio, portfolio-page, portfolio-site, portfolio-template, portfolio-website, reactjs, resume-website, template, typist
- Language: JavaScript
- Homepage: https://hashirshoaeb.github.io/home
- Size: 38.9 MB
- Stars: 1,382
- Watchers: 14
- Forks: 1,682
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Developer's Portfolio ✨
It is a personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects.
Site URL / Demo »
hashirshoaeb.github.io/home
About Me
[](https://github.com/hashirshoaeb/star_book/network)
[](https://github.com/hashirshoaeb/star_book/issues)
[](https://github.com/hashirshoaeb/home/blob/master/LICENSE)
[](https://twitter.com/hashirshoaeb)
[](https://nodejs.org)
[](https://nodejs.org)
Table of Contents
-
About the project
-
Getting started 💗
-
Support my work
-
Showcase 🚀
-
Versão em Português :brazil:
-
Notice
-
Stargazers over time
# About the project
[](https://hashirshoaeb.github.io/home)
## Technology stack 🛠️
Dependencies defined in package.json:
[Reactjs](https://reactjs.org/)
| [Bootstrap](https://getbootstrap.com/)
| [Typist](https://github.com/jstejada/react-typist)
| [GitHub API](https://developer.github.com/v3/repos/)
| [Instagram API](https://www.instagram.com/developer/embedding/)
## Structure ⚓
- Navigation bar (optional)
- Body
- Name | Profession
- Contact / Follow / Find me / Facebook / LinkedIn / GitHub / Instagram / Email / CodePen
- Resume | About me
- About Me
- Display picture (optional)
- About myself, my Interests, Goals and Hobbies
- Things I'm good at (Skills)
- Resume button
- Recent Projects (using GitHub API) (optional)
- Leadership (optional)
- Paragraph
- Carousel images
- Skills (optional)
- Technical Skills
- Soft Skills
- Footer
- Footer Note (optional)
- Copyrights - open source
- Acknowledgements
# Getting started 💗
Project 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.
## Prerequisites 🍪
You 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.
## Setup And Deployment 🔧
1. To Get Started, Fork this repository to your GitHub account:
2. Clone the forked repo from your account using:
```bash
git clone https://github.com//home.git
```
3. Open in editor and edit [src/editable-stuff/config.js](./src/editable-stuff/config.js) file.
4. Add your resume as in place of [src/editable-stuff/resume.pdf](./src/editable-stuff/)
5. Edit [title](./public/index.html#L34) and meta [description](./public/index.html#L13) in [public/index.html](./public/index.html).
6. Change URL in [package.json](./package.json) file:
```json
"homepage": "https://.github.io/home"
```
Or for deployment at custom domain, refer [create-react-app.dev](https://create-react-app.dev/docs/deployment/#step-1-add-homepage-to-packagejson)
7. After editing run the following bash commands:
```bash
npm install
npm start
```
8. To deploy website, run:
```bash
npm run build
npm run deploy
```
Or for deployment at \.github.io, refer [READMEdocs/custom-deployment.md](./READMEdocs/custom-deployment.md) and [pages.js](./pages.js)
9. Congrats your site is up and running. To see it live, visit:
```https
https://.github.io/home
```
10. To change the thumbnail image:
- Navigate to the "public" folder.
- There you will see "social-image.png".
- Delete it.
- Take a screenshot of your version and rename it "social-image.png" and place it there.
Next time if you make changes, repeat from step 8.
Facing issues? Feel free to contact at [email protected].
# Support my work
If 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!
# Showcase 🚀
Have you changed something in the code to create your own version? Feel free to share with me, I will list them in this space.
Guhyun Chung
Hamza Sohail
Aymun Tariq
Ana Ashrafi
Jeffery John
Remi Mestdagh
# Versão em Português :brazil:
Esse 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).
Novas contribuições e revisões na tradução são muito bem vindas!
# Notice:
This 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)
# Stargazers over time
[](https://starchart.cc/hashirshoaeb/home)