Ratul Hasan Ruhan's Portfolio

Welcome to my personal portfolio repository! This is where I showcase my work, skills, and thoughts through my blog posts. I'm a Software Engineer passionate about building scalable applications and exploring new technologies.

About This Repository

This repository hosts my personal portfolio website, built with HTML, CSS, and JavaScript. It serves as my digital presence where I share my professional journey, projects, and technical writings.

Project Structure

ratulhasanruhan.github.io/
├── assets/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   ├── images/
│   │   ├── ratulhasan-avatar.png
│   │   ├── ratulhsan-faviocn.ico
│   │   └── icons/
│   └── Ratul Hasan Ruhan_CV_2025.pdf
├── index.html
└── README.md

Features

• Responsive design that works on all devices
• Dark mode interface
• Interactive sections:
  • About
  • Resume
  • Portfolio
  • Blog
  • Contact
• SEO optimized
• Social media integration
• Contact form with Formspree integration
• QR code for quick contact

Blog Integration

I write technical articles and share my experiences on Hashnode. The blog section of my portfolio is automatically populated through Hashnode backup. Here's how it works:

1. Hashnode Integration:

   • I write and publish my blog posts on Hashnode
   • Hashnode automatically creates a backup repository with my blog posts
   • My portfolio website fetches and displays these posts

2. Blog Features:

   • Automatic updates when new posts are published
   • Markdown support
   • Syntax highlighting for code blocks
   • Responsive images
   • Social sharing capabilities

Development

Prerequisites

• Basic knowledge of HTML, CSS, and JavaScript
• Git for version control
• A GitHub account for hosting

Local Development

1. Clone the repository:

   git clone https://github.com/ratulhasanruhan/ratulhasanruhan.github.io.git

2. Open index.html in your browser to view the website locally

Deployment

The website is automatically deployed to GitHub Pages when changes are pushed to the main branch.

Customization

Adding Projects

1. Navigate to the portfolio section in index.html
2. Add your project details in the following format:

   <li class="project-item">
     <a href="project-link">
       <figure class="project-img">
         <img src="project-image.jpg" alt="Project Name">
       </figure>
       <h3 class="project-title">Project Name</h3>
       <p class="project-category">Category</p>
     </a>
   </li>

Modifying Styles

1. Open assets/css/style.css
2. Modify the CSS variables in the :root selector to change the theme
3. Customize specific components by modifying their respective CSS classes

Contributing

While this is my personal portfolio, I welcome suggestions and improvements! If you find any bugs or have ideas for enhancements, please feel free to:

• Open an issue
• Submit a pull request
• Reach out to me directly

License

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

Connect With Me

I'm always excited to connect with fellow developers and tech enthusiasts! You can reach me through:

• Email: ratulhasan1644@gmail.com
• LinkedIn: ratul-hasan-ruhan
• GitHub: ratulhasanruhan
• Blog: ratulhasanruhan.hashnode.dev