๐ Personal Portfolio Website (Included Custom AI Assistant)
A modern, responsive portfolio website designed to showcase personal details, skills, education, projects, certifications, and contact information. This website serves as a digital resume to present your professional profile to recruiters and hiring managers.
Portfolio Link: https://peetlamahesh123.github.io/myPortfolio/
๐ธ Application Screenshots
๐ฅ๏ธ Project Overview
The Portfolio Website highlights your background, technical skills, academic qualifications, and projects in a structured and visually appealing way. It is designed to work seamlessly across all devices and provides an easy way for visitors to learn more about you and get in touch.
โจ Features
- ๐ฑ Fully responsive design (mobile, tablet, desktop)
- ๐ง Personal introduction and profile section
- ๐ง Skills and expertise showcase
- ๐ Education timeline
- ๐ Certificates and achievements
- ๐ผ Projects section
- ๐ Current status / availability
- ๐ Contact information and social links
- ๐จ Clean and professional UI
๐ค AI-Powered Portfolio Assistant
๐ง Interactive AI Resume Assistant
This portfolio includes a custom-built AI Assistant integrated directly into the website.
The assistant intelligently analyzes my portfolio content and provides real-time answers to user queries such as:
- What technologies does Mahesh know?
- What backend experience does he have?
- Which projects has he built?
- What is his educational background?
- Is he currently open to opportunities?
It functions as an interactive digital resume, allowing visitors and recruiters to engage with my profile dynamically.
โ๏ธ How It Works
- Custom-defined system prompt
- Context-aware response generation
- Answers strictly based on portfolio data
- Structured and professional responses
- Real-time conversational interface
This demonstrates practical implementation of:
- AI API Integration
- Prompt Engineering
- Backend API Handling
- Conversational UI Development
โ ๏ธ API Usage Note
The AI Assistant relies on an external AI API service.
You may occasionally see the message:
"Exceeded Quota"
This occurs due to API usage limits or rate restrictions set by the AI service provider.
The assistant remains fully functional, but responses may be temporarily unavailable if the quota limit is reached.
๐ Technical Stack
- HTML5, CSS3, JavaScript (Frontend)
- Node.js / Express (Backend โ if applicable)
- AI API Integration (LLM-based system prompt)
- REST API Communication
- Secure API Key Handling
๐ก Why This Feature Matters
This feature transforms the portfolio from a static website into an:
- Interactive Resume
- AI-Powered Personal Assistant
- Real-World AI Integration Project
It showcases my ability to integrate modern AI technologies into practical full-stack applications.
๐ Project Structure
โถ๏ธ How to Run the Project
-
Download or clone the repository:
git clone https://github.com/PeetlaMahesh123/myPortfolio.git
-
Open the project folder.
-
Open index.html in any modern web browser.
-
Explore the portfolio sections.
๐ Deployment
The portfolio can be easily deployed using GitHub Pages:
-
Push the project to a GitHub repository.
-
Go to Settings โ Pages.
-
Select the main branch and root folder.
-
Save and access your site at:
https://PeetlaMahesh123.github.io/myPortfolio/
๐ Use Cases
- Personal branding website
- Resume replacement / digital CV
- Portfolio for job applications
- Frontend practice project
๐ฎ Future Enhancements
- ๐ Dark / Light mode
- ๐ Download resume (PDF)
- ๐ง Contact form with email integration
- โ๏ธ React-based version
- ๐งฉ Backend integration for form handling
๐ License
This project is open-source and created for learning and personal use.
๐โโ๏ธ Author
Mahesh Peetla
GitHub: PeetlaMahesh123
Just tell me ๐