Personal Portfolio - Developer

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

How to make it yours?

Step 1

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

Step 2

Enable GitHub Pages on:

Repository(Settings) > Pages > Build and deployment > Source(GitHub Actions)

Step 3

Enable workflows:

Repository(Actions) > I understand my workflows, go ahead and enable them

Step 4

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.yml

For example, to set your contact information, edit config/profile.yml.

INFO:
  - label: "Email"
    value: "richard@example.com"
  - 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"

Step 5: Enjoy 😉

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.

Screenshots

Contribute

Contributions are welcome.

Facing any Issue?

Feel free to open an Issue :)

Contact

If you want to contact me you can reach me at Discord.

Credits

This project is based on vcard portfolio. The main focus of this project is adding new features and make it accessible to everyone.

License

MIT