Interactive AI-Powered Portfolio

An intelligent, modern portfolio built with React (Vite), Node.js/Express, MongoDB Atlas, and Gemini AI — featuring dynamic project data, smart AI assistant, and clean UI.

Overview

This project is a fully interactive personal portfolio that showcases my skills across the full stack and AI integration. It includes a responsive frontend, a connected backend API, a cloud database, and an AI chatbot that understands and explains my projects, certifications, and background.

The goal is to demonstrate strong abilities in:

Frontend engineering

Backend/API development

Database design

AI integration

UI/UX design

Building real-world, production-ready apps

Modern Frontend (React + Vite + Tailwind CSS)

Hero section with introduction & CTA

About section describing my background and journey

Projects section (fetched dynamically from backend)

Certifications section

Skills display in a structured grid layout

Fully responsive & clean user interface

Dynamic Backend Integration

Built using Node.js + Express, connected to MongoDB Atlas.

The backend:

Exposes REST endpoints to fetch projects and certifications

Sends JSON data consumed by the frontend using fetch()

Demonstrates routing, controller structure, and clean API design

Deployed & fully production ready

AI Chatbot with Persona (Powered by Google Gemini API)

A custom AI assistant lives inside the portfolio.

The chatbot can:

Represent my tone, personality, and communication style

Answer questions about my projects, certifications, skills, and background

Fetch real data from the backend and use it to generate context-aware answers

Maintain chat history for natural conversation

Provide explanations and technical breakdowns of any project

---

Bonus Features Implemented

I implemented several optional add-ons for additional impact:

Advanced AI Features

Project Intelligence: AI can analyze and explain any project or certification pulled from the database