Skip to content

This repository contains the code of Om Prakash Porfolio

Notifications You must be signed in to change notification settings

121omprakash/Portfolio

Repository files navigation

πŸ’Ό Portfolio Website

Logo

Welcome to my Portfolio Website! This is a fully interactive and visually appealing portfolio built using modern web technologies such as HTML, CSS, and JavaScript. This site showcases my skills, certifications, and projects in a visually engaging and dynamic way. It also includes animations, category filters, and a visitor counter to track the number of visitors.

🌟 Features

  • πŸ§‘β€πŸ’» Portfolio Overview: Display my personal and professional information, including certifications, skills, and projects.
  • πŸ”’ Visitor Counter: Tracks the number of visitors and displays it using localStorage.
  • 🎨 Dynamic Category Filtering: Interactive buttons for filtering certifications by category (Computer Science, Data Science, Data Analytics, Software Engineering).
  • πŸ–₯️ Smooth Animations: Hover effects, transitions, and card animations to enhance user experience.
  • βœ”οΈ Confirmation Box: Shows a confirmation message on form submission with smooth animation.
  • πŸ“± Responsive Design: Optimized for all screen sizes, ensuring a smooth experience on both desktop and mobile devices.

πŸš€ Technologies Used

This portfolio website is built with the following technologies:

  • HTML: Structure of the page, content, and interactive elements.
  • CSS: Responsive layout, animations, and hover effects.
  • JavaScript: Dynamic visitor counter, category filtering, and smooth transitions.
  • localStorage: Persistent visitor count storage across sessions.

πŸ› οΈ Installation Guide

To run this portfolio website locally, follow the steps below:

1. Clone the Repository

git clone https://github.com/yourusername/portfolio-website.git
2. Navigate to the Project Directory
cd portfolio-website
3. Open the index.html File
Open the index.html file in your preferred browser to view the website locally.
Copy code
open index.html

4. Explore the Features

You can interact with the category buttons, explore certifications, and enjoy the animations and transitions.

πŸ“Έ Visuals & UI The portfolio is designed with a clean, modern look, featuring interactive elements that respond to user input, such as:

Category Buttons: Color-coded buttons for filtering certifications and projects. Each category has its own hover effects, animations, and background color transitions. Certification Cards: Interactive cards that show your certifications with smooth animations when they are hovered over. 3. Confirmation Box When a form is successfully submitted, a confirmation box appears with a smooth fade-in effect. Users can close it by clicking the close button.

🎨 Custom Animations The site includes custom animations to make the user experience more engaging:

Hover Effects on Buttons: When hovering over category buttons, the background color brightens, and the text changes color smoothly. Smooth Transitions: Smooth transitions when switching between categories and certifications. 🌍 SEO Optimization This portfolio is optimized for SEO to ensure it ranks well in search engines. Key strategies implemented:

Structured Content: Organized headings and clean HTML structure help search engines index the page content more effectively. 🀝 Contributing I welcome contributions to improve and enhance this portfolio. To contribute:

Fork the repository. Clone the fork to your local machine. Create a new branch (git checkout -b feature-branch). Make changes and commit (git commit -m 'Add new feature'). Push to your fork (git push origin feature-branch). Open a Pull Request. πŸ“ License This project is licensed under the MIT License. See the LICENSE file for details.

πŸ“± Contact & Socials Feel free to connect with me on the following platforms:

GitHub: @121omprakash LinkedIn: Linkedin/in/om~prakash Twitter: @121deathboy Email: omimucet@gmail.com πŸš€ Live Demo Check out the live demo of this portfolio at Demo Link to see the full functionality in action, including smooth animations, category filtering, and the visitor counter.

Happy coding! πŸŽ‰