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: 30 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 (about 5 years ago)
Default Branch: master
Last Pushed: 2024-05-11T17:50:44.000Z (about 2 months ago)
Last Synced: 2024-05-28T19:19:54.010Z (about 1 month 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.6 MB
Stars: 1,238
Watchers: 13
Forks: 1,499
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

my-awesome-stars - home
awesome-github-pages-portfolios - Hashir Shoaeb
Awesome-Portfolios - Portfolio - [Demo](https://hashirshoaeb.github.io/home) (Themes / Misc.)
awesome-stars - hashirshoaeb/home - The personal website/portfolio template by Hashir Shoaib. Built using React and Bootstrap. (reactjs)

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

  


![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=^20.10.0&color=026e00&style=for-the-badge)](https://nodejs.org)

[![npm Version](https://img.shields.io/static/v1?label=npm&message=^10.2.3&color=cb0000&style=for-the-badge)](https://nodejs.org)

  Table of Contents

  


    

      About the project

      

        

          Technology Stack 🛠️

        

        

          Structure ⚓

        

      

    

    

      Getting started 💗

      

        

          Prerequisites 🍪

        

        

          Setup And Deployment 🔧

        

      

    

    

      Support my work

    

    

      Showcase 🚀

    

    

      Versão em Português :brazil:

    

    

      Notice

    

    

      Stargazers over time

    

  


# About the project

[![Site preview](/public/social-image.png)](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

[![Stargazers over time](https://starchart.cc/hashirshoaeb/home.svg)](https://starchart.cc/hashirshoaeb/home)