TemaDeveloper/artemiifrid_portfolio

This is a clean, modern, and fully responsive portfolio website template built with HTML, CSS, and JavaScript. It provides an excellent starting point for developers who want to create a beautiful and professional online presence. The project is configured for easy, automated deployment using GitHub Actions.

★ 1Forks 0JavaScriptGitHub ↗Compare

Project website ↗

cssgithub-actionsgithub-pageshtmljavascriptportfolioportfolio-templateportfolio-websiteresponsive-designwebsite

README

Modern Developer Portfolio Template

A clean, modern, and fully responsive portfolio website template built with HTML, CSS, and JavaScript. This repository provides an excellent starting point for developers who want to create a beautiful and professional online presence.

Live Demo: https://temadeveloper.github.io/artemiifrid_portfolio/


✨ Features

  • Sleek & Modern Design: A professional design that makes a great first impression.
  • Fully Responsive: Looks great on all devices, from mobile phones to desktops.
  • Easy to Customize: Edit 3 files to update your personal information, projects, and experience.
  • GitHub Actions CI/CD: Automatically deploy your latest changes to GitHub Pages.
  • Free to Use: Open-source and ready for you to clone, modify, and make your own!

🚀 Getting Started

Anyone can use this template! Feel free to clone or fork this repository and modify it to build your own portfolio.

1. Get the Code

Clone the repository to your local machine using git:

git clone https://github.com/TemaDeveloper/artemiifrid_portfolio.git
cd artemiifrid_portfolio

2. Customize Your Content

All the main content is located in the src directory. Open the index.html file and other relevant files to change the following:

  • Text: Update your name, bio, experience, and project descriptions.
  • Images: Replace the placeholder images in the src/assets/ folder with your own profile picture and project screenshots.
  • Links: Add your social media links (LinkedIn, GitHub, etc.) and links to your live projects.

🌐 Deployment with GitHub Pages & Actions

This project is configured for easy, automated deployment using GitHub Actions.

How It Works

The workflow file located at .github/workflows/main.yml will automatically build and deploy your site to the main branch of your repository whenever you push a change to the main branch. GitHub Pages then serves the website from that branch.

Setup Instructions

  1. Push to Your Own Repository: After cloning, make sure to create your own new repository on GitHub and push the code to it.
  2. Enable GitHub Pages:
    • In your new repository, go to Settings > Pages.
    • Under "Build and deployment", select the Source as GitHub Actions.

🤝 Contributing

This is an open-source project, and contributions are welcome. If you have ideas for improvements or find any bugs, feel free to open an issue or submit a pull request.

If you use this template for your own portfolio, a star on the repository would be greatly appreciated!


📄 License

This project is open source and available under the MIT License.

Contributors

TemaDeveloper

Issues