Document Processing API
Uses an ASP.NET Core backend to parse uploaded Word files, extracting structured resume information and converting it into a clean JSON structure.
Full-Stack Automation Platform
Portfolio Generator
A full-stack application that converts structured Microsoft Word (.docx) resumes into responsive portfolio websites.
- C#
- React
- TypeScript
- .NET Aspire
- Minimal API
- Azure
- GitHub Actions
Context & purpose
Project overview
Portfolio Generator was created to automate the process of turning a structured Microsoft Word resume into a responsive, multi-page portfolio website.
The project combines document parsing, REST API development, frontend file handling, live theme previews, generated site output, and automated cloud deployment in one end-to-end workflow.
Building it gave me practical experience designing a system that crosses multiple application boundaries while keeping each stage understandable, testable, and maintainable.
From Resume to Portfolio Website
Application Workflow
The Portfolio Generator guides users through a simple workflow: from uploading a Microsoft Word resume to generating a complete portfolio website that can be downloaded and deployed.
- Upload
Upload a structured .docx resume.
- Parse
Extract resume data with ASP.NET Core.
- Generate
Convert the document into structured JSON.
- Theme
Choose a portfolio layout and styling.
- Preview
Review the generated website in real time.
- Export
Download the completed portfolio website.
- Upload
Upload a structured .docx resume.
- Parse
Extract resume data with ASP.NET Core.
- Generate
Convert the document into structured JSON.
- Theme
Choose a portfolio layout and styling.
- Preview
Review the generated website in real time.
- Export
Download the completed portfolio website.
Application functionality
Key features
Multi-Step Upload Workflow
A step-by-step frontend guide built in React that helps users upload files, review extracted data, and select themes without confusion.
Isolated Live Preview
Renders the generated portfolio templates inside an isolated iframe, ensuring template styles don't break the main app layout.
Dynamic Theme System
Allows users to choose between multiple layouts and visual themes before generating their portfolio website.
Local Service Orchestration
Managed with .NET Aspire to seamlessly handle service endpoints, environment variables, and connections during development.
Automated Deployment
Configured with GitHub Actions pipelines to automatically test code changes and deploy the live build directly to Azure App Services.
Interface preview
Application screenshots
Architecture & implementation
Technical highlights
ASP.NET Core
Built Minimal API endpoints to receive uploaded resumes, parse document data, and return structured JSON consumed by the React frontend.
React + TypeScript
Developed a multi-step user interface for uploading resumes, selecting themes, previewing generated websites, and exporting completed portfolios.
Theme Engine
Designed a flexible theming system that separates layout templates from resume data, allowing multiple portfolio styles from the same source document.
Live Preview
Rendered generated portfolio websites inside isolated iframes so themes could be previewed without affecting the application's interface.
.NET Aspire
Used .NET Aspire to manage local services, configuration, and project orchestration, simplifying development across multiple application components.
GitHub Actions
Configured CI/CD pipelines to build the React frontend, publish the ASP.NET backend, and deploy the application automatically to Azure App Service.
Problem solving
Challenges & solutions
- CI/CD Pipeline Configuration: Configuring the GitHub Actions workflow took several iterations to get right. Setting up the YAML file, coordinating the React frontend build with the ASP.NET Core backend publish process, and automating deployment to Azure App Service helped me better understand modern CI/CD pipelines.
- Reading Word Documents: One of the biggest challenges was learning how to extract structured data from Microsoft Word (.docx) files. Using the DocumentFormat.OpenXml library, I built a parser that could read document content and convert it into structured data used to generate portfolio websites.
- Service Coordination: Running multiple services locally initially required managing several applications and endpoints. Adopting .NET Aspire simplified local development by centralizing service orchestration, configuration, and project startup.
Planned enhancements
Future improvements
- 01Add custom block editors
- 02Font customization
- 03One-click Netlify deployment
- 04Expanded UI theme library
Continue exploring
Explore moreengineering projects.
Browse additional full-stack applications, production websites, and software projects covering APIs, databases, testing, and deployment.
Back to projects