This is a simple and customizable portfolio template for game developers. It allows you to showcase your personal information, CV, and game projects in a structured way. You can check out my portfolio for example
- Have a GitHub account.
- Fork or clone this repository to your account (if not already done).
Follow these steps to set up and customize your portfolio.
Place a PDF file of your CV in the following directory:
public/files/my_cv.pdf
For each game you want to showcase, create a folder inside:
public/images/games/my-awesome-game
Each folder should contain the images related to that game.
public/images/games/my-awesome-game/Game_Screenshot_1.jpg
public/images/games/my-awesome-game/Game_Screenshot_2.jpg
public/images/games/my-awesome-game/Game_Screenshot_3.jpg
Replace the default profile image with your own:
public/images/Profile.jpg
Replace the default favicon with your custom icon:
public/images/favicon.ico
Edit the following file to add your personal details:
src/data.ts
Inside this file, update the personalInfo object with details such as:
<
8F2F
span class="pl-k">const PersonalInfo: AboutMeData = {
name: "YOUR_NAME",
role: "YOUR_ROLE",
introduction: "SHORT_INTRODUCTION",
description: "TELL_ABOUT_YOURSELF",
image: `${process.env.PUBLIC_URL}/images/Profile.jpg`,
cvUri: `${process.env.PUBLIC_URL}/files/YOUR_CV.pdf`,
links: {
github: "https://github.com/NAME",
itchIO: "https://NAME.itch.io",
linkedIn: "https://www.linkedin.com/in/NAME",
}
};In the same src/data.ts file, update the games array to include your projects.
const games: Game[] = [
{
name: "GAME_NAME",
description: "GAME_DESCRIPTION",
genres: ["GAME_GENRE", "GAME_GENRE..."],
platforms: [Platform.Windows],
engine: GameEngine.Unity,
source: { name: "COURSE_NAME"; url: "https://www.udemy.com/course/SOME_COURSE" } // Optional
links: [
{ source: LinkImageSource.Github, url: "https://github.com/YOUR_REPO" },
{ source: LinkImageSource.ItchIo, url: "https://YOUR_ITCH.itch.io/GAME_NAME" },
],
media: [
{ source: "/images/games/GAME_NAME/Screenshot_1.png", type: MediaType.Image },
{ source: "https://www.youtube.com/embed/dQw4w9WgXcQ", type: MediaType.YouTube },
{ source: "/images/games/GAME_NAME/Screenshot_2.png", type: MediaType.Image },
{ source: "/images/games/GAME_NAME/Screenshot_3.png", type: MediaType.Image },
{ source: "/images/games/GAME_NAME/Screenshot_4.png", type: MediaType.Image },
],
}
];- Create
.envfile on the root - Add your WhatsApp number (including country code)
REACT_APP_WA_NUMBER=+000000000000
Once your portfolio is ready, follow these steps to deploy it online.
Go to Settings > Pages in your repository and configure the deployment:
- Set Source to Deploy from Branch.
- Choose the branch you want to deploy.
- Deply from your terminal
npm run deployYour portfolio will be live at:
https://your-github-username.github.io/your-repo-name/
Your portfolio should now be set up and live. Enjoy!