Portfolio - mrazadar.com

Portfolio - mrazadar.com

An AI-enhanced personal portfolio featuring dynamic resume generation and an interactive chatbot to help employers learn about me through natural conversation.

View
Mobile Preview
Back to Projects
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
Shadcn UI
Radix UI
Next Edge Functions
Vercel Deployment
GitHub Actions
Husky
Tailwind CSS
Node.js
Express
Vercel AI SDK
Prompt Engineering
Context Engineering
Zod
TypeScript
Project Information

Duration

4 Weeks

Team Size

1

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.

Ready to Collaborate?

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