Huzaifa.dev

• 

  Huzaifa.dev (muhammadhuzaifa.me)

• 

  Huzaifa.dev (muhammadhuzaifa.me)

💡 Inspiration

As a passionate developer constantly seeking to learn and grow, I wanted to build something that not only reflects my journey and skillset but also offers a unique interactive experience. The idea of integrating an AI-powered chatbot came from my love for innovative tech and user engagement. This portfolio is more than just a showcase — it's a conversation starter.

⚙️ What it does

The portfolio website presents my personal brand, skills, and projects in a clean, professional layout. It features an AI-powered chatbot built using the Gemini API, allowing visitors to interact with an intelligent assistant. The site includes scroll animations, a responsive design, interactive sliders, and a contact form — all working seamlessly across devices.

🛠️ How we built it

The website is built entirely using modern front-end technologies including: HTML5, CSS3, Bootstrap 5 for layout and styling JavaScript (Vanilla JS) for interactivity SwiperJS for carousels WOW.js for scroll animations Gemini API to power the AI chatbot It is a completely static project, hosted on Hostinger, making it easy to deploy and maintain.

🧱 Challenges we ran into

Integrating the Gemini API with a front-end-only static project was a challenge, especially handling dynamic responses and maintaining the chat interface’s flow. Designing for responsiveness while keeping animations smooth across devices also required multiple iterations and testing.

🏆 Accomplishments that we're proud of

Successfully building and deploying a fully responsive, interactive portfolio Creating and Integrating a working AI chatbot using Google’s Gemini API Creating a polished user experience with animations and sliders Hosting the live site on a custom domain with professional presentation

📚 What we learned

Gained a deeper understanding of chatbot integration using third-party APIs Improved front-end performance optimization and animation handling Learned how to blend design and functionality in a developer portfolio Understood the importance of user experience in personal branding

🔮 What's next for Huzaifa.dev

I plan to: Enhance the chatbot with more personality and conversation memory Add dark mode and accessibility features Showcase blog posts or tutorials to help other aspiring developers Expand the portfolio into a personal brand hub with ongoing updates

Built With

• bootstrap
• css
• gemini
• hostinger
• html
• javascript
• scss
• swiperjs
• wowjs