Personal Portfolio (v1)

My previous developer portfolio showcasing projects and experience, with a built-in AI chatbot powered by Google Gemini. Built with React.js and Tailwind CSS.

React.jsTailwind CSSGoogle Gemini API

GitHub ↗Live Demo ↗

Overview

The first version of my personal developer portfolio — a React.js single-page application showcasing projects, skills, and work history. The signature feature is "Chat with Peter", an AI chatbot powered by the Google Gemini API that answers questions about my background, skills, and experience on behalf of me.

Technical Stack

Layer	Technology
Frontend	React.js
Styling	Tailwind CSS
AI	Google Gemini API
Deployment	Vercel

Key Features

Project showcase with screenshots and tech stacks
Work experience and skills sections
"Chat with Peter" — a Gemini-powered chatbot pre-loaded with context about my background
Responsive layout for mobile and desktop

The AI Chatbot

The chatbot uses Gemini's chat API with a system prompt containing detailed context about my work history, skills, and personality. Visitors ask questions in natural language and get accurate, contextualised responses. It served as both a portfolio differentiator and a practical experiment with LLM integration.

This is version 1. You're currently looking at version 2 — rebuilt from scratch with Next.js 15, TypeScript, Three.js, and Framer Motion.

... /code-preview ...

// repository is private or not linked

← Back

Personal Portfolio (v1)