Perssonal Portfolio Website

Welcome to the GitHub repository for my personal portfolio website. This project showcases my skills, projects, and contact information. It is designed to be a comprehensive representation of my professional profile as a Java Developer, Part-Time Trader, and Web Designer.

Table of Contents

• Features
• Technologies Used
• Setup and Installation
• Usage
• Project Structure
• Contributing
• Contact

Features

• Responsive Navigation Bar: A dynamic navigation bar that adjusts to different screen sizes.
• Shadow Effect on Scroll: The navigation bar changes its shadow effect based on scrolling.
• Typing Effect: An engaging typing effect that showcases different roles.
• Scroll Reveal Animation: Smooth scroll animations for various elements.
• Dark Mode Toggle: Ability to switch between light and dark modes.
• Project and Contact Sections: Highlighted projects and a section to contact me directly.

Technologies Used

• HTML5: For structuring the content.
• CSS3: For styling and layout.
• JavaScript: For interactivity and animations.
• Typed.js: For the typing effect.
• ScrollReveal.js: For scroll animations.
• Unicons: For icons.
• Google Fonts: For font styling.

Setup and Installation

1. Clone the repository:

   git clone https://github.com/Vishnukrchy/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Open index.html in your preferred web browser to view the portfolio.

Usage

• The website has four main sections: Home, About, Projects, and Contact.
• Use the navigation bar to scroll to different sections.
• Click on the "Download CV" button to get a copy of my CV.
• Toggle between light and dark modes using the button in the navigation bar.

Project Structure

portfolio/
│
├── assets/
│   ├── images/
│   │   └── (image files)
│   ├── css/
│   │   └── style.css
│   └── js/
│       └── script.js
│
├── index.html
└── README.md

• index.html: The main HTML file containing the structure of the website.
• assets/css/style.css: The CSS file for styling the website.
• assets/js/script.js: The JavaScript file for interactivity and animations.
• assets/images/: Directory containing image files used in the portfolio.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please create a pull request or open an issue.

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Create a new Pull Request.

Contact

Feel free to get in touch with me for any inquiries or collaboration opportunities:

• Email: vishnukrkamat@gmail.com
• LinkedIn: linkedin.com/in/vishnu-kumar-2235971a7
• GitHub: github.com/Vishnukrchy