Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
242 changes: 9 additions & 233 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,78 +1,15 @@
<!-- PROJECT LOGO -->
<br />
<p align="center">
<h1 align="center">Developer's Portfolio ✨</h1>

<h1>React Portfolio Website</h1>
<p align="center">
It is a personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects.
<br/>
<strong>Site URL / Demo » </strong>
<a href="https://hashirshoaeb.github.io/home">hashirshoaeb.github.io/home</a>
<br />
Deployed to
<a href="https://recklesshogrider96.github.io/home/">recklesshogrider96.github.io/home/</a>
<br />
<a href="https://hashirshoaeb.github.io">About Me</a>
</p>
</p>

![GitHub contributors](https://img.shields.io/github/contributors/hashirshoaeb/home?color=ffcc66&style=for-the-badge)
![GitHub stars](https://img.shields.io/github/stars/hashirshoaeb/home?color=ffcc66&style=for-the-badge)
[![GitHub forks](https://img.shields.io/github/forks/hashirshoaeb/home?style=for-the-badge)](https://github.com/hashirshoaeb/star_book/network)
[![GitHub issues](https://img.shields.io/github/issues/hashirshoaeb/home?color=ffcc66&style=for-the-badge)](https://github.com/hashirshoaeb/star_book/issues)
[![GitHub license](https://img.shields.io/github/license/hashirshoaeb/home?style=for-the-badge)](https://github.com/hashirshoaeb/home/blob/master/LICENSE)
[![Twitter Follow](https://img.shields.io/twitter/follow/hashirshoaeb?color=ffcc66&logo=twitter&logoColor=ffffff&style=for-the-badge)](https://twitter.com/hashirshoaeb)
[![Node Version](https://img.shields.io/static/v1?label=Node&message=^22.12.0&color=026e00&style=for-the-badge)](https://nodejs.org)
[![npm Version](https://img.shields.io/static/v1?label=npm&message=^10.9.0&color=cb0000&style=for-the-badge)](https://nodejs.org)

<!-- TABLE OF CONTENTS -->
<details>
<summary>Table of Contents</summary>
<ol>
<li>
<a href="#about-the-project">About the project</a>
<ul>
<li>
<a href="#technology-stack-">Technology Stack 🛠️</a>
</li>
<li>
<a href="#structure-">Structure ⚓</a>
</li>
</ul>
</li>
<li>
<a href="#getting-started">Getting started 💗</a>
<ul>
<li>
<a href="#prerequisites-">Prerequisites 🍪</a>
</li>
<li>
<a href="#setup-and-deployment-">Setup And Deployment 🔧</a>
</li>
</ul>
</li>
<li>
<a href="#support-my-work">Support my work</a>
</li>
<li>
<a href="#showcase-">Showcase 🚀</a>
</li>
<li>
<a href="#versão-em-português-brazil">Versão em Português :brazil:</a>
</li>
<li>
<a href="#notice">Notice</a>
</li>
<li>
<a href="#stargazers-over-time">Stargazers over time</a>
</li>
</ol>
</details>

# About the project

[![Site preview](/public/social-image.png)](https://hashirshoaeb.github.io/home)


## Technology stack 🛠️
## Technology Stack 🛠️

Dependencies defined in package.json:

Expand All @@ -82,169 +19,8 @@ Dependencies defined in package.json:
| [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/<your-username>/home.git
```

3. Open in editor and edit [src/editable-stuff/config.js](./src/editable-stuff/config.js) file.

4. Add your resume as <resume.pdf> 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://<your-username>.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 \<username>.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://<your-username>.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!

<div>
<a href="https://www.buymeacoffee.com/hashirshoaeb"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a book&emoji=📖&slug=hashirshoaeb&button_colour=5F7FFF&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00" /></a>
</div>

# 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.

<table>
<tr>
<td align="center">
<a href="https://github.com/justiceserv/justiceserv.github.io">
<img src="READMEdocs/justiceserv-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Guhyun Chung</b></sub>
</a>
<br />
</td>
<td align="center">
<a href="https://github.com/hamzasohail0/home/">
<img src="READMEdocs/hamzasohail0-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Hamza Sohail</b></sub>
</a>
<br />
</td>
<td align="center">
<a href="https://github.com/AymunTariq/home/">
<img src="READMEdocs/aymuntariq-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Aymun Tariq</b></sub>
</a>
<br />
</td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/anaashrafi/home/">
<img src="READMEdocs/anaashrafi-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Ana Ashrafi</b></sub>
</a>
<br />
</td>
<td align="center">
<a href="https://github.com/jefferyjohn/home/">
<img src="READMEdocs/jefferyjohn-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Jeffery John</b></sub>
</a>
<br />
</td>
<td align="center">
<a href="https://github.com/remimestdagh/home/">
<img src="READMEdocs/remimestdagh-github-io-home.gif" width="300px" alt="" />
<br />
<sub><b>Remi Mestdagh</b></sub>
</a>
<br />
</td>
</tr>
</table>

# 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

[![Stargazers over time](https://starchart.cc/hashirshoaeb/home.svg)](https://starchart.cc/hashirshoaeb/home)
<p align="center">
Adopted From:
<a href="https://hashirshoaeb.github.io/home">hashirshoaeb.github.io/home</a>
<br />
</p>
92 changes: 92 additions & 0 deletions READMEdocs/TextFile2.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
{
heading: "ThoughtWorld",
message: "ThoughtWorld is an online platform not centered on pretty pictures, or keeping up with friends, or advocating for causes. It is about ideas. People are hungry for a forum where they can share ideas without being yelled at, laughed at, or cancelled. ThoughtWorld provides a safe place to explore new thoughts, anonymously interact with other verified real people, and collaborate on new ideas.",
media: [
{
type: 'image',
src: require("../editable-stuff/portrait2.png"),
label: "",
paragraph: ""
},
{
type: 'image',
src: require("../editable-stuff/portrait1.png"),
label: "",
paragraph: ""
}
]
},

{
heading: "VR Shooting Game",
message: "VR Shooting Game",
media: [
{
type: 'image',
src: require("../editable-stuff/portrait2.png"),
label: "",
paragraph: ""
},
{
type: 'image',
src: require("../editable-stuff/portrait1.png"),
label: "",
paragraph: ""
}
]
},

{
heading: "Clash Royale AI",
message: "Clash Royale AI: ",
media: [
{
type: 'image',
src: require("../editable-stuff/portrait2.png"),
label: "",
paragraph: ""
},
{
type: 'image',
src: require("../editable-stuff/portrait1.png"),
label: "",
paragraph: ""
}
]
},
{
heading: "Space Visualizer",
message: "Space Visualizer: ",
media: [
{
type: 'image',
src: require("../editable-stuff/portrait2.png"),
label: "",
paragraph: ""
},
{
type: 'image',
src: require("../editable-stuff/portrait1.png"),
label: "",
paragraph: ""
}
]
},
{
heading: "Vineyard Valley",
message: "Fixed Bugs on the live version for Jam City",
media: [
{
type: 'image',
src: require("../editable-stuff/portrait2.png"),
label: "",
paragraph: ""
},
{
type: 'image',
src: require("../editable-stuff/portrait1.png"),
label: "",
paragraph: ""
}
]
},
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "developers-portfolio",
"description": "A personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects.",
"homepage": "http://hashirshoaeb.com/home",
"homepage": "https://recklessHogrider96.github.io/home",
"version": "2.0.0",
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
Expand Down
2 changes: 1 addition & 1 deletion pages.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
const ghpages = require("gh-pages");
const pathname = `${__dirname}/build`;
const repoURL = "https://github.com/hashirshoaeb/hashirshoaeb.github.io.git";
const repoURL = "https://github.com/recklesshogrider96/home.git";

ghpages.publish(
pathname,
Expand Down
4 changes: 2 additions & 2 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="My name is Hashir Shoaib. I’m a graduate of 2020 from National University of Sciences and Technology at Islamabad with a degree in Computer Engineering. I'm most passionate about giving back to the community, and my goal is to pursue this passion within the field of software engineering. In my free time I like working on open source projects."
content="Video Game Developer - Dallas, TX"
/>
<link rel="apple-touch-icon" href="logo192.png" />
<!--
Expand All @@ -31,7 +31,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Hashir Shoaib</title>
<title>Roshan Bellary</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
Loading