Skip to content

About

My personal portfolio site (V3) — React, TypeScript, Vite and shadcn/ui, deployed to GitHub Pages

Topics

Resources

Stars

6 stars

Watchers

1 watching

Forks

Repository files navigation

p32929.github.io

The 3rd iteration of my personal portfolio — a single-page developer portfolio built with React, TypeScript, Vite and shadcn/ui. Every bit of content lives in one file, so you can fork it and make it yours quickly.

Live: https://p32929.github.io/

Features

  • One file to edit — all your data, routes and links live in src/lib/DynamicValues.ts
  • Themeable — colours and design come from src/index.css
  • shadcn/ui + Tailwind components, dark mode included
  • Responsive — desktop, tablet and mobile layouts (screenshots below)
  • Deploys to GitHub Pages with two commands

Screenshots

Desktop View

image

Tablet View

image

Mobile View

image

Create your own portfolio

  1. Fork the repository ( Recommended )
  2. Change the repository name to your-github-username.github.io by going into settings
  3. Clone the repository using git clone YOUR-REPOSITORY-URL
  4. Modify the variables in ./src/lib/DynamicValues.ts to add your own data and flavors.
  5. Run: npm run predeploy or yarn predeploy
  6. Run: npm run deploy or yarn deploy
  7. Check the settings of your repository, and change the source of the github pages to master branch

& Volla!! Now, you can check your portfolio LIVE version in the homepage URL (https://your-github-username.github.io/). Github may take a while to update the github page into your homepage URL.

If it still doesn't show, do step 5 & 6 again. It usually takes 3-5 minutes for github pages to deploy the changes.

Prerequisites

You need to have NodeJS and NPM installed in your computer. If you don't have them installed, install them from here: https://nodejs.org/en/download/

Run the project

  1. Fork the repository ( Recommended )
  2. Clone your forked repository using git clone YOUR-REPOSITORY-URL
  3. Install all the dependencies using this command: npm install or yarn
  4. Run the project using this command: npm run dev or yarn dev
  5. Open localhost:3000 on your favorite browser

How to customize

  • Customize themes/colors/design: modify ./src/index.css file
  • Customize data/routes/anything else: modify ./src/lib/DynamicValues.ts file

Contribute

Thank you for your interest in contributing to this project. Please note that I prefer to be the sole contributor to this repository and will not be accepting any pull requests at the moment. While I appreciate the thought and effort to contribute, I kindly ask that you refrain from submitting pull requests.

If you have any suggestions, feedback, or issues, feel free to open an issue on this repository. I'm always open to discussions and improvements through this channel.

Thanks

Share

Sharing this repository with your friends is just one click away from here

facebook twitter tumblr pocket pinterest reddit linkedin whatsapp

Support

buymeacoffee

All my portfolio websites:

Looking for one of my previous portfolio website / source code? Here's the list:

V1: https://p32929.github.io/portfolio-v1/ ( Source: https://github.com/p32929/portfolio-v1 )

V2: https://p32929.github.io/portfolio-v2/ ( Source: https://github.com/p32929/portfolio-v2 )

Current ( V3 ) : https://p32929.github.io/ ( Source: https://github.com/p32929/p32929.github.io )


💼 Using this at a company?

I do fixed-price delivery work on my own projects. One invoice, one date, no hourly billing:

White-label build — this project rebranded, extended and deployed as yours $6,500 · 3 weeks
Custom app from scratch on my own stack, signed and auto-updating $12,500 · 6 weeks
Production-hardening sprint — 72 hours on this project, for your load and your security review $999
Ongoing capacity — one project-week of my time reserved every month $9,000 / month

Full details → p32929.github.io/hire · Email fayazdevinbox@uberip.com — scoping and quotes are free and I answer within one business day.

About

My personal portfolio site (V3) — React, TypeScript, Vite and shadcn/ui, deployed to GitHub Pages

Topics

Resources

Stars

6 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages