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

1. About the project
   • Technology Stack 🛠️
   • Structure ⚓
2. Getting started 💗
   • Prerequisites 🍪
   • Setup And Deployment 🔧
3. Support my work
4. Showcase 🚀
5. Versão em Português 🇧🇷
6. Notice
7. 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 hashirshoaeb@gmail.com. # 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 🇧🇷 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) # portfolio # portfolio # portfolio # portfolio # portfolio # portfolio # portfolio # portfolio # portfolio