AI-Enhanced Personal Portfolio

A dynamic portfolio with an AI-powered chatbot and resume generator, showcasing skills and projects through interactive experiences.

View

Mobile Preview

Key Responsibilities

Frontend/backend development, AI workflow integration, prompt and context engineering, deployment automation, UI design and testing.

Key Implementations

Resume AI engine, Ask Mrazadar chatbot, edge function API, type-safe form validation, content schema via Zod.

Customer Impact

Empowered employers to explore my career context dynamically, improving clarity, engagement, and relevance in hiring conversations.

Project Overview

The Problem

Traditional developer portfolios are static and don't communicate adaptability or skill depth. Employers need a more interactive way to learn about a candidate’s capabilities.

The Solution

Built a full-stack AI-enhanced portfolio that allows real-time Q&A via chatbot and dynamically generates tailored resumes using prompt and context engineering.

Vision & Impact

Redefine personal branding through interactive and intelligent self-presentation tools, making the hiring process more engaging and insightful.

Detailed Overview

My personal portfolio (mrazadar.com) showcases my professional journey, skills, and project work in a modern, responsive, and AI-integrated experience. It includes an AI-powered chatbot ('Ask Mrazadar') trained on my work history to answer employer questions, and an AI Resume Generator that tailors five unique resume versions matched to a given job description. The project demonstrates my ability to combine frontend and backend skills with prompt engineering to create interactive career tooling.

Technical Details

Technologies Used

Next.js

TypeScript

Shadcn UI

Radix UI

Tailwind CSS

Vercel AI SDK

Node.js

Express

Zod

Vercel Edge Functions

GitHub Actions

Husky

Prompt Engineering

Project Information

Duration

4 Weeks

Team Size

My Role

Designer, Full-Stack Developer, AI Engineer

Key Achievements

Deployed a production-ready AI chatbot and resume generator.
Built a modular, performant frontend with Next.js and Shadcn UI.
Fully automated deployment pipeline via GitHub Actions and Vercel.

Challenges & Learnings

Prompt tuning for generating high-quality resume outputs.
Real-time edge function handling using Vercel's serverless model.
Ensuring clean UX/UI across AI tools, including accessibility and responsiveness.

Explore This Project

Visit Live Project View on GitHub

Ready to Collaborate?

If you have a project in mind or just want to connect, feel free to reach out.