AVAILABLE TO SEE HERE

A modern, responsive resume website built with Next.js 15 and React 19 that dynamically parses a PDF resume to generate a professional web presentation.

• Dynamic PDF Parsing: Automatically reads and extracts structured data from LinkedIn-exported PDF resumes
• Server-Side Rendering: Fast initial page loads with Next.js App Router
• Modern Tech Stack: Built with Next.js 15, React 19, TypeScript, and Tailwind CSS 4.0
• Responsive Design: Mobile-first design that looks great on all devices
• Dark Mode Support: Built-in dark mode with system preference detection
• Type Safety: Full TypeScript coverage with strict mode enabled
• Performance Optimized: Turbopack for fast builds and development
• Code Quality: Comprehensive ESLint configuration with security and accessibility rules

• Next.js 15 - React framework with App Router
• React 19 - Latest React with concurrent features
• TypeScript 5 - Type safety and enhanced developer experience

• Tailwind CSS 4.0 - Utility-first CSS framework
• Lucide React - Beautiful, customizable icons
• CSS Grid & Flexbox - Modern layout techniques

• pdf-parse - Server-side PDF text extraction
• Node.js Runtime - Required for PDF processing capabilities

• ESLint 9 - Code linting with flat config
• Prettier - Code formatting
• Husky - Git hooks for quality assurance
• Vitest - Fast unit testing framework
• TypeScript Strict Mode - Enhanced type checking

• Node.js 18.17+
• npm, yarn, pnpm, or bun
• A PDF resume (preferably LinkedIn-exported format)

git clone <repository-url>
cd Resume
npm install

Place your PDF resume at public/Profile.pdf. The parser is optimized for LinkedIn-exported resumes but can handle other formats.

npm run dev

Open http://localhost:3000 to see your resume website.

npm run build
npm start

• npm run dev - Start development server with Turbopack
• npm run build - Build optimized production bundle
• npm start - Start production server

• npm run lint - Run ESLint checks (0 warnings policy)
• npm run lint:fix - Auto-fix linting issues
• npm run type-check - Run TypeScript type checking
• npm run validate - Run all checks (type-check + lint + tests)

• npm run test - Run tests in watch mode
• npm run test:run - Run tests once and exit
• npm run test:ui - Open Vitest UI
• npm run test:coverage - Generate test coverage report

• npm run clean - Clear Next.js and build caches
• npm run clean:full - Full cleanup including coverage reports

src/
├── app/                    # Next.js App Router
│   ├── layout.tsx         # Root layout with metadata
│   └── page.tsx           # Main page (async, calls PDF parser)
├── components/            # React components
│   ├── About.tsx          # About section with summary
│   ├── Experience.tsx     # Work experience timeline
│   ├── Header.tsx         # Navigation and contact info
│   └── Footer.tsx         # Social links and download
├── utils/                 # Utility functions
│   └── resume-from-pdf.ts # Core PDF parsing logic
├── types/                 # TypeScript definitions
│   └── resume.ts          # Resume data structures
└── __tests__/             # Test files
    └── page.test.tsx      # Basic page rendering tests

public/
└── Profile.pdf            # Your resume PDF (place here)

• next.config.ts - Next.js configuration with PDF parsing setup
• eslint.config.mjs - Comprehensive ESLint rules for modern development
• tsconfig.json - TypeScript configuration with strict mode
• tailwind.config.ts - Tailwind CSS 4.0 configuration
• vitest.config.mts - Test configuration with PDF mocking

The application uses a sophisticated PDF parsing system:

• Uses pdf-parse library for raw text extraction
• Handles various PDF encoding formats
• Preserves document structure and spacing

• Identifies resume sections (Contact, Summary, Experience, etc.)
• Uses pattern matching for section headers
• Handles variations in formatting

• Date-anchored parsing for work experience
• Extracts company names, roles, dates, and locations
• Parses project details and technology stacks
• Handles complex nested information

• Unicode normalization for consistent text
• Link extraction and validation
• Technology stack categorization
• Contact information formatting

The project uses Tailwind CSS 4.0 for styling. Key customization points:

• Colors: Modify the color palette in tailwind.config.ts
• Typography: Font stacks and sizing defined in global styles
• Components: Each component has its own styling in the respective .tsx file

To adapt the parser for different resume formats:

1. Modify patterns in src/utils/resume-from-pdf.ts
2. Update type definitions in src/types/resume.ts
3. Adjust component rendering logic as needed

The resume data structure supports:

• Contact information with social links
• Professional summary with highlights
• Work experience with detailed project sections
• Technology stacks and skills
• Education and certifications

• TypeScript Strict Mode: All code must pass strict type checking
• ESLint Rules: Comprehensive rules covering security, accessibility, and code quality
• Zero Warnings Policy: Build fails if any ESLint warnings exist
• Testing: Unit tests for critical functionality
• Git Hooks: Pre-commit hooks ensure code quality

1. Make changes in development mode (npm run dev)
2. Run validation suite (npm run validate)
3. Fix any issues before committing
4. Test production build (npm run build)

The easiest deployment option:

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel

The application can be deployed on any platform supporting Node.js:

• Netlify: Add build command npm run build
• Railway: Supports Next.js out of the box
• Digital Ocean: Use App Platform with Node.js preset

• Ensure Node.js runtime is available for PDF parsing
• Upload your Profile.pdf to the public directory
• Set appropriate memory limits for PDF processing

• Content Security Policy: Configured for safe PDF processing
• Input Validation: PDF content is sanitized and validated
• Dependency Security: Regular security updates and vulnerability scanning
• TypeScript Safety: Prevents common runtime errors

The project features a robust testing infrastructure with comprehensive test coverage across multiple test suites:

• Vitest: Fast, modern testing framework with native TypeScript support
• React Testing Library: Component testing with user-centric approach
• jsdom: Browser environment simulation for DOM testing

• UI Utilities: Comprehensive testing of helper functions (cn(), getDomain(), etc.)
• Component Testing: Full coverage of React components with accessibility checks
• PDF Parser: Mocked PDF processing for consistent, fast test execution
• Error Boundaries: Robust error handling and recovery testing
• Integration Tests: End-to-end component interaction testing

• Isolated Test Runs: Proper cleanup between tests prevents interference
• Flexible Matchers: Regex-based text matching for complex DOM structures
• Multiple Element Handling: Smart queries for duplicate content scenarios
• Accessibility Testing: ARIA attributes and semantic structure validation
• Error Simulation: Comprehensive error boundary and failure case testing

src/__tests__/
├── component tests/       # React component behavior
├── utility tests/         # Pure function testing
├── integration tests/     # Multi-component scenarios
├── setup.ts              # Global test configuration
└── helpers/              # Shared testing utilities

• High Test Pass Rate: Comprehensive test coverage across all major components
• Zero Warning Policy: All tests must pass without warnings
• Consistent Patterns: Standardized testing approaches across components
• CI/CD Ready: Automated testing in continuous integration pipelines

• Turbopack: Fast development builds and hot reloading
• Static Generation: Pre-rendered pages for optimal performance
• Image Optimization: Built-in Next.js image optimization
• Bundle Analysis: Monitor and optimize bundle size
• Caching Strategy: Efficient caching for PDF parsing results

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Run the validation suite (npm run validate)
5. Submit a pull request

This project is open source and available under the MIT License.

• Next.js Documentation - Next.js features and API
• React 19 Documentation - Latest React features
• Tailwind CSS - Utility-first CSS framework
• TypeScript Handbook - TypeScript guide