If you're struggling to create a portfolio website that looks professional, you don't have to search any further. You can use this GitHub Portfolio template to create your very own personalized portfolio using just your GitHub username! The website is designed to be user-friendly and easily customizable, which makes it an ideal solution for developers and freelancers alike.
View live preview here
node --version
git --version
To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands
git clone https://github.com/<YOUR GITHUB USERNAME>/github-portfolio.git
cd github-portfolio
npm install
# or
yarn installThen, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
If you want to use Google Analytics, Please create a new .env file from .env.example file and provide the value.
Eg:
NEXT_PUBLIC_GTM = ""Now, you have to customize user data in the data folder.
Eg:
export const userData = {
githubUser: "said7388",
devUsername: "said7388",
github: "https://github.com/said7388",
facebook: "https://www.facebook.com/abusaid.riyaz/",
linkedIn: "https://www.linkedin.com/in/abu-said-bd/",
twitter: "https://twitter.com/said7388",
stackOverflow: "https://stackoverflow.com/users/16840768/abu-said",
leetcode: "https://leetcode.com/said3812/",
resume:
"https://drive.google.com/file/d/1eyutpKFFhJ9X-qpQGKhUNnVRkB5Wer00/view?usp=sharing",
skills: [
"React",
"NextJS",
"Redux",
"Express",
"NestJS",
"MySql",
"MongoDB",
"Postgres",
"Docker",
"AWS",
],
timezone: "+6",
};| Used Package List |
|---|
| next |
| @next/third-parties |
| axios |
| react-icons |
| react-github-calendar |
| sass |
| tailwindcss |
In this repository, I have used some open source APIs. All credits go to the owners of those repositories.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent