Personal Portfolio is a fully responsive personal developer portfolio single-page website,
responsive for all devices, built using HTML, CSS, JavaScript, and Python.
Live Demo: 👉🏽 personal-portfolio.github.io
Fork this project and rename the repo to your_github_username.github.io.
Important
For example, if your GitHub username is ivansaul. Rename the repository to ivansaul.github.io
Enable GitHub Pages on:
Repository(Settings) > Pages > Build and deployment > Source(GitHub Actions)
Enable workflows:
Repository(Actions) > I understand my workflows, go ahead and enable them
Go to the config/ folder and replace the default data with your personal information.
config
|-- assets
| |-- avatars
| |-- icons
| |-- posts
| |-- projects
├── blog.yml
├── contact.yml
├── navbar.yml
├── profile.yml
├── projects.yml
└── resume.ymlFor example, to set your contact information, edit config/profile.yml.
INFO:
- label: "Email"
value: "[email protected]"
- label: "Phone"
value: "+1 (213) 352-2795"
- label: "Birthday"
value: "June 26, 1996"
- label: "Location"
value: "Sacramento, California, USA"Important
Indentation Matters: YAML is sensitive to indentation. Ensure that each level of nesting is indented with consistent spaces (not tabs) to avoid errors when loading or parsing the data.
Tip
You can upload your images directly to the config/assets folder or use an image server like Imgur. Both options are valid for customizing your portfolio. For example:
avatar = "https://i.imgur.com/H5gx7JF.png"
avatar = "config/assets/avatars/my-avatar.png"
Now you can visit your portfolio at https://your_github_username.github.io
Your personal portfolio will be built and updated automatically whenever any changes occur in the configuration files.
Note
If you like my work and want to show some ❤️, please consider giving a ⭐️ to this Repository.
Contributions are welcome.
Feel free to open an Issue :)
If you want to contact me you can reach me at Discord.
This project is based on vcard portfolio. The main focus of this project is adding new features and make it accessible to everyone.
MIT
