Vivek's Portfolio

Welcome to my personal portfolio! This project showcases my skills, projects, education, and experience in the field of Machine Learning, AI, and Web Development. The portfolio is designed to provide a comprehensive overview of my journey and achievements.

Live Demo

You can visit the live portfolio at: https://vivek76.pages.dev

Features

• Responsive Design: The portfolio is fully responsive and works seamlessly on all devices, including desktops, tablets, and mobile phones.
• Interactive Chatbot: An AI-powered chatbot is integrated to assist visitors in navigating the portfolio and answering queries.
• Dynamic Content: The portfolio includes sections for About Me, Skills, Projects, Education, Experience, and Contact.
• Voice Navigation: Users can navigate through the portfolio using voice commands.
• Email Integration: A contact form is integrated with EmailJS to allow visitors to send messages directly to my email.

---

Voice Navigation Commands

The portfolio supports the following voice commands:

• "Go to Home": Navigates to the Home section.
• "Go to About": Navigates to the About Me section.
• "Go to Skills": Navigates to the Skills section.
• "Go to Projects": Navigates to the Projects section.
• "Go to Education": Navigates to the Education section.
• "Go to Experience": Navigates to the Experience section.
• "Go to Contact": Navigates to the Contact section.
• "Open Resume": Opens my resume in a new tab.

---

Chatbot Features

The AI-powered chatbot can assist with:

• Navigating to different sections of the portfolio: The chatbot can guide you to specific sections like Home, About, Skills, Projects, Education, Experience, and Contact.
• Providing information about my skills, projects, and experience: Ask the chatbot about my technical skills, projects I've worked on, or my professional experience.
• Answering questions about my education and certifications: The chatbot can provide details about my academic background and certifications.
• Directing users to my GitHub profile and resume: The chatbot can share links to my GitHub profile and resume for further exploration.

---

Technologies Used

• Frontend: HTML, CSS, JavaScript, Tailwind CSS
• Backend: EmailJS for email integration
• Libraries: Font Awesome, Owl Carousel, jQuery
• AI Chatbot: Custom JavaScript-based chatbot
• Deployment: Cloudflare Pages

Sections

1. Home: A welcoming section with a brief introduction and a call-to-action button.
2. About Me: A detailed section about my background, skills, and interests.
3. Skills: A showcase of my technical skills, including programming languages, machine learning frameworks, and web development tools.
4. Projects: A collection of my projects with links to their GitHub repositories and live demos.
5. Education: Information about my academic background and achievements.
6. Experience: A timeline of my professional experience, internships, and certifications.
7. Contact: A contact form for visitors to reach out to me directly.

How to Use

1. Navigation: Use the navigation bar at the top or the bottom to navigate through different sections of the portfolio.
2. Voice Commands: Click the voice command button and say commands like "Go to Projects" or "Open Resume" to navigate through the portfolio.
3. Chatbot: Click the chatbot icon at the bottom right to interact with the AI chatbot for assistance.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/truly-vivek/Vivek-Portfolio.git
   

2. Navigate to the project directory:

   cd Vivek-Portfolio

3. Open the index.html file in your browser.

Deployment

This portfolio is deployed using Cloudflare Pages. Here's how you can deploy it:

1. Push your code to GitHub: Ensure your project is pushed to a GitHub repository.
2. Sign in to Cloudflare Pages: Go to Cloudflare Pages and sign in with your Cloudflare account.
3. Create a new project: Click on "Create a project" and connect your GitHub repository.
4. Configure build settings:
   • Set the build command to npm run build (if applicable) or leave it blank for static sites.
   • Set the output directory to / (root directory).
5. Deploy: Click "Save and Deploy". Cloudflare Pages will automatically build and deploy your site.
6. Custom Domain: Optionally, you can configure a custom domain for your portfolio.

Alternatively, you can deploy this project on other platforms like Vercel, Netlify, or GitHub Pages, or Firebase.

---

Contributing

If you'd like to contribute to this project, feel free to fork the repository and submit a pull request. Any contributions are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or would like to get in touch, feel free to reach out to me via email at Email or connect with me on LinkedIn.

---

Thank you for visiting my portfolio! I hope you find it informative and engaging. Let's build something amazing together! 🚀