It is a personal static website/portfolio hosted with GitHub Pages.
Based on the template created by hashirshoaeb.github.io/home.
Site URLs Β»
1. skuill.github.io/portfolio
2. skuill.com
About Me
Table of Contents
Dependencies defined in package.json:
Reactjs | Bootstrap | Typist | GitHub API | Instagram API
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 and add resume. Mark star β if you like the project.
You should have Node.js and Git installed on your PC. You should also own a GitHub account.
-
To Get Started, Fork this repository to your GitHub account:
-
Clone the forked repo from your account using:
git clone https://github.com/<your-username>/portfolio.git
-
Open in editor and edit src/editable-stuff/config.js file.
-
Add your resume as <resume.pdf> in place of src/editable-stuff/resume.pdf
-
Edit title and meta description in public/index.html.
-
Change URL in package.json file:
"homepage": "https://<your-username>.github.io/portfolio"
Or for deployment at custom domain, refer create-react-app.dev
After editing run the following bash commands (visit site locally: http://localhost:3000/portfolio/):
npm install
npm start
To deploy website, run:
npm run build
npm run deploy
Or for deployment at <username>.github.io, refer READMEdocs/custom-deployment.md and pages.js
For containerized and deploy in docker refer READMEdocs/docker-deployment.md
To automatically build and deploy the website from the master
branch using GitHub Actions:
- Set the release version in
package.json
under theversion
field. - Create a new release on the Releases page using a new version tag.
The latest changes will be deployed automatically via the GitHub Actions workflow.
-
Congrats your site is up and running. To see it live, visit:
https://<your-username>.github.io/portfolio
2.. 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 using deployment steps.
Facing issues? Feel free to contact at sativkv@gmail.com or telegram.
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 coffee. Thank you for your generosity!