Personal Portfolio Website

This repository contains the code for a personal portfolio website. The website showcases the projects, skills, experience, and contact information of Harish.

Table of Contents

• Introduction
• Features
• Usage
• Sections
• Dependencies
• Contributing
• License

Introduction

This is a personal portfolio website for Harish, an open source enthusiast, student, teacher, explorer, traveller, and coder. The website is designed to present the user's skills, experience, projects, and contact information in an engaging and interactive manner.

Features

• Dynamic text animation showcasing different roles.
• Responsive navigation menu with open/close functionality.
• Sections for About, Portfolio, GitHub Stats, and Contact.
• Interactive tabs for Skills, Experience, and Education.
• Smooth hover zoom effect on portfolio items.
• Form submission via Google Sheets.
• Responsive design for mobile and desktop views.

Usage

To use or view the website, simply open the index.html file in a web browser. Ensure you have an active internet connection to load the FontAwesome icons and Google script.

Sections

Header

• Navigation menu with links to Home, About, Portfolio, GitHub, and Contact sections.
• Dynamic text animation in the introduction.

About

• Brief introduction and academic background.
• Interactive tabs displaying Skills, Experience, and Education.

Portfolio

• Showcases various projects with descriptions and links to the projects.

GitHub Stats

• Displays GitHub language stats and contribution stats.

Contact

• Contact information with social media links.
• Contact form to send messages via Google Sheets.

Dependencies

The website relies on the following external resources:

• FontAwesome for icons.
• Google Sheets for form submission.

Contributing

Contributions to improve the website are welcome. You can fork the repository and submit a pull request with your changes.

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes.
4. Push your branch and create a pull request.

Code Explanation

HTML

The HTML structure includes various sections such as Header, About, Portfolio, GitHub Stats, and Contact. Each section contains relevant information and functionality, enhanced by CSS and JavaScript.

CSS

The CSS file (style.css) provides the styling for the website, including layout, colors, fonts, and responsiveness. Additional inline styles are used for specific elements like the dynamic text.

JavaScript

Multiple JavaScript functions are included to handle dynamic content and interactivity:

• Dynamic Text Animation: Changes the text content periodically to showcase different roles.
• Navigation Menu: Toggles the side menu open and closed.
• Tab Navigation: Switches between Skills, Experience, and Education tabs.
• Fetch Merges: Retrieves and displays the latest merged pull requests from GitHub.
• Form Submission: Handles form submission to Google Sheets and displays a success message.

Feel free to customize and enhance the website as needed. If you encounter any issues or have suggestions, please open an issue in the repository.