{"id":23557454,"url":"https://github.com/chanmeng666/job-valuation","last_synced_at":"2026-04-11T07:43:14.185Z","repository":{"id":270073732,"uuid":"899525446","full_name":"ChanMeng666/job-valuation","owner":"ChanMeng666","description":"【Your star could be the one that makes our day! ⭐️】A comprehensive Next.js web application for quantitative job evaluation, helping professionals assess their current positions across 10 key dimensions including time investment, skill match, compensation, growth potential, and work environment.","archived":false,"fork":false,"pushed_at":"2026-04-07T10:36:16.000Z","size":592,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-07T12:23:26.955Z","etag":null,"topics":["analytics","career-development","career-planning","dashboard","job-assessment","nextjs","professional-development","react","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://job-valuation.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ChanMeng666.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"chanmeng66u","thanks_dev":null,"custom":null}},"created_at":"2024-12-06T12:56:13.000Z","updated_at":"2026-04-07T10:36:22.000Z","dependencies_parsed_at":"2024-12-28T08:18:16.310Z","dependency_job_id":"a0e19f36-7ca0-4594-a02f-0fe975afbf53","html_url":"https://github.com/ChanMeng666/job-valuation","commit_stats":null,"previous_names":["chanmeng666/job-valuation"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ChanMeng666/job-valuation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fjob-valuation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fjob-valuation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fjob-valuation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fjob-valuation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChanMeng666","download_url":"https://codeload.github.com/ChanMeng666/job-valuation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChanMeng666%2Fjob-valuation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31673067,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["analytics","career-development","career-planning","dashboard","job-assessment","nextjs","professional-development","react","shadcn-ui","tailwindcss","typescript"],"created_at":"2024-12-26T14:30:52.203Z","updated_at":"2026-04-11T07:43:14.179Z","avatar_url":"https://github.com/ChanMeng666.png","language":"TypeScript","funding_links":["https://buymeacoffee.com/chanmeng66u","https://github.com/sponsors/ChanMeng666"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n[![Project Banner](https://github.com/user-attachments/assets/a350e2cf-daf8-4d58-9cdd-1403e89d10fb)](#)\n\n# 🚀 Job Value Assessment Tool\u003cbr/\u003e\u003ch3\u003eProfessional Career Decision Support Platform\u003c/h3\u003e\n\nA comprehensive web application that helps professionals quantitatively evaluate their current job positions through a scientific assessment framework.\u003cbr/\u003e\nMake data-driven career decisions by analyzing job satisfaction across multiple dimensions with advanced analytics and personalized insights.\u003cbr/\u003e\nOne-click **FREE** assessment of your career satisfaction and job value.\n\n[Live Demo][demo-link] · [Documentation][docs-link] · [Report Issues][github-issues-link] · [Request Features][github-issues-link]\n\n\u003cbr/\u003e\n\n[![🚀 Start Assessment Now 🚀](https://gradient-svg-generator.vercel.app/api/svg?text=%F0%9F%9A%80Start%20Assessment%20Now%F0%9F%9A%80\u0026color=000000\u0026height=60\u0026gradientType=radial\u0026duration=6s\u0026color0=ffffff\u0026template=pride-rainbow)][demo-link]\n\n\u003cbr/\u003e\n\n\u003c!-- SHIELD GROUP --\u003e\n\n[![][github-release-shield]][github-release-link]\n[![][cloudflare-shield]][cloudflare-link]\n[![][github-action-test-shield]][github-action-test-link]\u003cbr/\u003e\n[![][github-contributors-shield]][github-contributors-link]\n[![][github-forks-shield]][github-forks-link]\n[![][github-stars-shield]][github-stars-link]\n[![][github-issues-shield]][github-issues-link]\n[![][github-license-shield]][github-license-link]\u003cbr\u003e\n[![][sponsor-shield]][sponsor-link]\n\n**Share This Project**\n\n[![][share-x-shield]][share-x-link]\n[![][share-telegram-shield]][share-telegram-link]\n[![][share-whatsapp-shield]][share-whatsapp-link]\n[![][share-reddit-shield]][share-reddit-link]\n[![][share-linkedin-shield]][share-linkedin-link]\n\n\u003csup\u003e🌟 Transforming career decision-making through quantitative assessment. Built for modern professionals seeking clarity.\u003c/sup\u003e\n\n[![Star History Chart](https://api.star-history.com/svg?repos=ChanMeng666/job-valuation\u0026type=Date)](https://star-history.com/#ChanMeng666/job-valuation\u0026Date)\n\n## 📸 Application Screenshots\n\n\u003e [!TIP]\n\u003e Experience the complete assessment journey from start to personalized insights.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/ad77581b-ba95-422d-8d1a-9e84af1e60c3\" alt=\"Assessment Start Page\" width=\"800\"/\u003e\n  \u003cp\u003e\u003cem\u003eAssessment Start - Welcome \u0026 Introduction\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5be37b30-d8dc-4f90-ac0c-f3ec15d9d918\" alt=\"Basic Information\" width=\"400\"/\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/1ec020a0-152d-40a2-afe5-321548d07f5e\" alt=\"Assessment Form\" width=\"400\"/\u003e\n  \u003cp\u003e\u003cem\u003eMulti-step Assessment - Basic Info Collection \u0026 Detailed Evaluation\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/e09672a0-be2f-46d9-94f2-fde21028b050\" alt=\"Results Dashboard\" width=\"800\"/\u003e\n  \u003cp\u003e\u003cem\u003eResults Dashboard - Comprehensive Analysis \u0026 Insights\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003e📱 More Screenshots\u003c/kbd\u003e\u003c/summary\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/67e0705f-be83-4b35-9b4e-558af411efbf\" alt=\"Version 1.0 Interface\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003eVersion 1.0 - Initial Design\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/994912f0-cdb7-497c-b30c-778bd8b7aa69\" alt=\"Detailed Results\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003eDetailed Results with Recommendations\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003c/details\u003e\n\n## 🎬 Demo Video\n\n\u003e [!NOTE]\n\u003e Watch the complete assessment process in action.\n\n\u003cdiv align=\"center\"\u003e\n\nhttps://github.com/user-attachments/assets/a350e2cf-daf8-4d58-9cdd-1403e89d10fb\n\n*Complete assessment workflow demonstration*\n\n\u003c/div\u003e\n\n**Tech Stack Badges:**\n\n\u003cdiv align=\"center\"\u003e\n\n \u003cimg src=\"https://img.shields.io/badge/next.js-%23000000.svg?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwindcss\u0026logoColor=white\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/Cloudflare%20Workers-%23F38020.svg?style=for-the-badge\u0026logo=cloudflare\u0026logoColor=white\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/zustand-%23FF6B35.svg?style=for-the-badge\u0026logo=react\u0026logoColor=white\"/\u003e\n \u003cimg src=\"https://img.shields.io/badge/recharts-%23FF6B6B.svg?style=for-the-badge\u0026logo=chartdotjs\u0026logoColor=white\"/\u003e\n\n\u003c/div\u003e\n\n\u003c/div\u003e\n\n\u003e [!IMPORTANT]\n\u003e This professional assessment tool provides scientifically-backed job evaluation across 10 key dimensions. Features multi-step assessment flow, weighted scoring system, interactive visualizations, and personalized career recommendations.\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003e📑 Table of Contents\u003c/kbd\u003e\u003c/summary\u003e\n\n#### TOC\n\n- [🚀 Job Value Assessment ToolProfessional Career Decision Support Platform](#-job-value-assessment-toolprofessional-career-decision-support-platform)\n  - [📸 Application Screenshots](#-application-screenshots)\n  - [🎬 Demo Video](#-demo-video)\n      - [TOC](#toc)\n  - [🌟 Introduction](#-introduction)\n  - [✨ Key Features](#-key-features)\n    - [`1` Comprehensive Assessment Framework](#1-comprehensive-assessment-framework)\n    - [`2` Scientific Scoring System](#2-scientific-scoring-system)\n    - [`*` Additional Features](#-additional-features)\n  - [🛠️ Tech Stack](#️-tech-stack)\n  - [🏗️ Architecture](#️-architecture)\n    - [System Architecture](#system-architecture)\n    - [Assessment Flow](#assessment-flow)\n    - [Component Structure](#component-structure)\n  - [⚡️ Performance](#️-performance)\n    - [Performance Metrics](#performance-metrics)\n  - [🚀 Getting Started](#-getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Quick Installation](#quick-installation)\n    - [Environment Setup](#environment-setup)\n    - [Development Mode](#development-mode)\n  - [🛳 Deployment](#-deployment)\n    - [`A` Cloud Deployment](#a-cloud-deployment)\n    - [`B` Docker Deployment](#b-docker-deployment)\n    - [`C` Environment Variables](#c-environment-variables)\n  - [📖 Usage Guide](#-usage-guide)\n    - [Basic Usage](#basic-usage)\n    - [Assessment Process](#assessment-process)\n    - [Understanding Results](#understanding-results)\n  - [🔌 Integrations](#-integrations)\n  - [⌨️ Development](#️-development)\n    - [Local Development](#local-development)\n    - [Adding Features](#adding-features)\n    - [Testing](#testing)\n  - [🤝 Contributing](#-contributing)\n  - [📄 License](#-license)\n  - [👥 Team](#-team)\n  - [🙋‍♀️ Author](#️-author)\n\n\u003cbr/\u003e\n\n\u003c/details\u003e\n\n## 🌟 Introduction\n\nWe are passionate about empowering professionals to make informed career decisions through data-driven insights. This comprehensive job assessment tool combines scientific evaluation methodologies with modern web technologies to provide actionable career guidance.\n\nWhether you're considering a career change, negotiating with your current employer, or simply seeking to understand your job satisfaction levels, this platform offers objective analysis across multiple dimensions of work life.\n\n\u003e [!NOTE]\n\u003e - Node.js \u003e= 18.0 required for development\n\u003e - Modern web browser required for optimal experience\n\u003e - All assessments are processed locally for privacy\n\u003e - Results can be saved for future comparison\n\n| [![][demo-shield-badge]][demo-link]   | No registration required! Start your assessment immediately.                           |\n| :------------------------------------ | :--------------------------------------------------------------------------------------------- |\n| [![][github-shield-badge]][github-stars-link] | Join our community! Star us for updates and contribute to the project. |\n\n\u003e [!TIP]\n\u003e **⭐ Star us** to receive all release notifications and support the project!\n\n\u003cdetails\u003e\n  \u003csummary\u003e\u003ckbd\u003e⭐ Star History\u003c/kbd\u003e\u003c/summary\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://api.star-history.com/svg?repos=ChanMeng666%2Fjob-valuation\u0026theme=dark\u0026type=Date\"\u003e\n    \u003cimg width=\"100%\" src=\"https://api.star-history.com/svg?repos=ChanMeng666%2Fjob-valuation\u0026type=Date\"\u003e\n  \u003c/picture\u003e\n\u003c/details\u003e\n\n## ✨ Key Features\n\n### `1` [Comprehensive Assessment Framework][docs-assessment]\n\nExperience a holistic job evaluation system that analyzes your position across 10 critical dimensions. Our multi-category framework examines Input (time investment, work intensity), Output (compensation, growth potential), and Compatibility (skill match, value alignment) factors.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/1ec020a0-152d-40a2-afe5-321548d07f5e\" alt=\"Assessment Framework\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003eMulti-dimensional Assessment Interface\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n**Assessment Categories:**\n- 💼 **Input Factors**: Time investment, work intensity, stress levels\n- 💰 **Output Factors**: Compensation, growth opportunities, job security\n- 🎯 **Compatibility**: Skill utilization, value alignment, work environment\n\n[![][back-to-top]](#readme-top)\n\n### `2` [Scientific Scoring System][docs-scoring]\n\nAdvanced weighted scoring algorithm that processes your responses through a sophisticated calculation engine. Each dimension carries specific weights based on career research, ensuring accurate and meaningful results.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/e09672a0-be2f-46d9-94f2-fde21028b050\" alt=\"Scoring Dashboard\" width=\"600\"/\u003e\n  \u003cp\u003e\u003cem\u003eVisual Analytics Dashboard\u003c/em\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n**Key Metrics:**\n- **Balance Score**: Equilibrium between effort and rewards\n- **Match Score**: Alignment with your profile and preferences\n- **Overall Rating**: Comprehensive job satisfaction index\n\n[![][back-to-top]](#readme-top)\n\n### `*` Additional Features\n\nBeyond core assessment capabilities, the platform includes:\n\n- [x] 📊 **Interactive Visualizations**: Radar charts and bar graphs for data insights\n- [x] 💡 **Personalized Recommendations**: AI-generated improvement suggestions\n- [x] 📈 **Progress Tracking**: Save and compare assessments over time\n- [x] 🌐 **Multi-language Support**: Comprehensive internationalization\n- [x] 📱 **Responsive Design**: Optimized for all devices\n- [x] 🔒 **Privacy-First**: All data processed locally\n- [x] ⚡ **Real-time Updates**: Instant score calculation and feedback\n- [x] 📋 **Export Options**: Download results for future reference\n\n\u003e ✨ More features are continuously being added based on user feedback.\n\n\u003cdiv align=\"right\"\u003e\n\n[![][back-to-top]](#readme-top)\n\n\u003c/div\u003e\n\n## 🛠️ Tech Stack\n\n\u003cdiv align=\"center\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/nextdotjs\" width=\"48\" height=\"48\" alt=\"Next.js\" /\u003e\n        \u003cbr\u003eNext.js 15\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/react\" width=\"48\" height=\"48\" alt=\"React\" /\u003e\n        \u003cbr\u003eReact 18\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/typescript\" width=\"48\" height=\"48\" alt=\"TypeScript\" /\u003e\n        \u003cbr\u003eTypeScript 5\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/tailwindcss\" width=\"48\" height=\"48\" alt=\"Tailwind CSS\" /\u003e\n        \u003cbr\u003eTailwind CSS\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/cloudflare\" width=\"48\" height=\"48\" alt=\"Cloudflare\" /\u003e\n        \u003cbr\u003eCF Workers\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/zod\" width=\"48\" height=\"48\" alt=\"Zod\" /\u003e\n        \u003cbr\u003eZod Validation\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/react\" width=\"48\" height=\"48\" alt=\"Zustand\" /\u003e\n        \u003cbr\u003eZustand\n      \u003c/td\u003e\n      \u003ctd align=\"center\" width=\"96\"\u003e\n        \u003cimg src=\"https://cdn.simpleicons.org/chartdotjs\" width=\"48\" height=\"48\" alt=\"Recharts\" /\u003e\n        \u003cbr\u003eRecharts\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n**Frontend Stack:**\n- **Framework**: Next.js 15 with App Router, deployed on Cloudflare Workers\n- **Language**: TypeScript for comprehensive type safety\n- **Styling**: Tailwind CSS with shadcn/ui components\n- **State Management**: Zustand with persistence middleware\n- **Form Handling**: React Hook Form with Zod validation\n- **Data Visualization**: Recharts for interactive charts\n\n**UI/UX Components:**\n- **Design System**: shadcn/ui component library\n- **Icons**: Lucide React icon set\n- **Animations**: Tailwind CSS animations\n- **Responsive**: Mobile-first responsive design\n- **Accessibility**: WCAG compliant components\n\n**Deployment \u0026 Infrastructure:**\n- **Hosting**: Cloudflare Workers (edge runtime, 200+ global locations)\n- **Adapter**: @opennextjs/cloudflare for Next.js 15+ compatibility\n- **CLI**: Wrangler for build, preview, and deploy\n\n**Development Tools:**\n- **Build System**: Next.js optimized bundling + OpenNext adapter\n- **Code Quality**: ESLint + Prettier configuration\n- **Type Checking**: Strict TypeScript compilation\n- **Hot Reload**: Fast refresh development experience\n\n\u003e [!TIP]\n\u003e Each technology was selected for optimal developer experience, performance, and maintainability in modern web development.\n\n## 🏗️ Architecture\n\n### System Architecture\n\n\u003e [!TIP]\n\u003e Client-side processing ensures complete privacy while maintaining high performance through optimized React components and state management.\n\n```mermaid\ngraph TB\n    subgraph \"Cloudflare Edge Network\"\n        CF[Cloudflare Workers] --\u003e SA[Static Assets CDN]\n    end\n\n    subgraph \"Frontend Application\"\n        CF --\u003e A[Next.js 15 App Router]\n        A --\u003e B[React Components]\n        B --\u003e C[Zustand Store]\n        C --\u003e D[Assessment Engine]\n        D --\u003e E[Visualization Layer]\n    end\n    \n    subgraph \"Client-Side State\"\n        F[Assessment State]\n        G[User Progress]\n        H[Results History]\n        I[\"localStorage Persistence\"]\n    end\n    \n    subgraph \"Assessment Engine\"\n        J[Weighted Scoring Algorithm]\n        K[Recommendation System]\n        L[Analytics Calculator]\n    end\n    \n    C --\u003e F\n    C --\u003e G\n    C --\u003e H\n    H --\u003e I\n    D --\u003e J\n    D --\u003e K\n    D --\u003e L\n    \n    subgraph \"UI Components\"\n        M[Multi-step Assessment Forms]\n        N[Progress Indicators]\n        O[Results Dashboard]\n        P[Recharts Visualizations]\n    end\n    \n    B --\u003e M\n    B --\u003e N\n    B --\u003e O\n    E --\u003e P\n```\n\n### Assessment Flow\n\n```mermaid\nsequenceDiagram\n    participant U as User\n    participant S as Start Page\n    participant B as Basic Info\n    participant A as Assessment\n    participant R as Results\n    participant H as History\n    \n    U-\u003e\u003eS: Access Application\n    S-\u003e\u003eB: Begin Assessment\n    B-\u003e\u003eA: Complete Basic Info\n    A-\u003e\u003eA: Multi-step Evaluation\n    A-\u003e\u003eR: Calculate Scores\n    R-\u003e\u003eU: Display Results\n    R-\u003e\u003eH: Save to History\n    H-\u003e\u003eU: Track Progress\n```\n\n### Component Structure\n\n```\n.\n├── wrangler.jsonc                # Cloudflare Workers configuration\n├── open-next.config.ts           # OpenNext adapter configuration\n├── next.config.ts                # Next.js config (output: standalone)\n├── package.json                  # Scripts: dev, build, build:worker, deploy\n├── src/\n│   ├── app/                      # Next.js App Router\n│   │   ├── assessment/           # Assessment pages\n│   │   │   ├── start/            # Welcome \u0026 introduction\n│   │   │   ├── basic/            # Basic information collection\n│   │   │   ├── time-skill/       # Time \u0026 skill evaluation\n│   │   │   ├── salary-growth/    # Salary growth assessment\n│   │   │   ├── environment-value/# Work environment evaluation\n│   │   │   ├── evaluation/       # Main assessment interface\n│   │   │   └── result/           # Results dashboard\n│   │   ├── globals.css           # Global styles\n│   │   └── layout.tsx            # Root layout with metadata\n│   ├── components/               # Reusable components\n│   │   ├── ui/                   # shadcn/ui components\n│   │   ├── forms/                # Form components\n│   │   ├── AssessmentForm.tsx    # Main assessment logic\n│   │   ├── AssessmentResult.tsx  # Results visualization\n│   │   ├── ProfessionalReport.tsx# PDF report generation\n│   │   ├── GEOHead.tsx           # SEO structured data\n│   │   └── GEOAnalyticsProvider.tsx # Analytics tracking\n│   ├── store/                    # Zustand state management\n│   │   ├── assessment.ts         # Assessment store with persistence\n│   │   └── store.ts              # Store configuration\n│   ├── types/                    # TypeScript definitions\n│   │   └── assessment.ts         # Assessment types \u0026 dimensions\n│   └── lib/                      # Utility functions\n│       ├── utils.ts              # Helper functions\n│       ├── advanced-assessment.ts# Assessment algorithms\n│       └── geo-analytics.ts      # GEO analytics library\n└── public/                       # Static assets\n    ├── logo.svg, chan_logo.svg   # Brand assets\n    ├── robots.txt                # Crawler configuration\n    ├── sitemap.xml               # SEO sitemap\n    └── llms.txt                  # AI crawler metadata\n```\n\n## ⚡️ Performance\n\n\u003e [!NOTE]\n\u003e Optimized for speed and efficiency with client-side processing and modern web technologies.\n\n### Performance Metrics\n\n- ⚡ **Loading Speed**: \u003c 2s first contentful paint\n- 🚀 **Interactive Time**: \u003c 1s time to interactive\n- 💨 **Assessment Processing**: Real-time score calculation\n- 📱 **Mobile Performance**: 95+ Lighthouse score\n- 🔄 **State Updates**: Instant UI response\n\n**Performance Optimizations:**\n- 🌍 **Edge Deployment**: Cloudflare Workers across 200+ global locations\n- 🎯 **Code Splitting**: Automatic route-based splitting\n- 📦 **Bundle Optimization**: Tree-shaking and minification\n- 🖼️ **Image Optimization**: Next.js Image component\n- 🔄 **Caching Strategy**: Efficient state persistence via localStorage\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n\u003e [!IMPORTANT]\n\u003e Ensure you have the following installed:\n\n- Node.js 18.0+ ([Download](https://nodejs.org/))\n- npm/yarn/pnpm package manager\n- Git ([Download](https://git-scm.com/))\n\n### Quick Installation\n\n**1. Clone Repository**\n\n```bash\ngit clone https://github.com/ChanMeng666/job-valuation.git\ncd job-valuation\n```\n\n**2. Install Dependencies**\n\n```bash\n# Using npm\nnpm install\n\n# Using yarn\nyarn install\n\n# Using pnpm (recommended)\npnpm install\n```\n\n**3. Start Development**\n\n```bash\nnpm run dev\n```\n\n🎉 **Success!** Open [http://localhost:3000](http://localhost:3000) to view the application.\n\n### Environment Setup\n\nThe application runs entirely client-side and doesn't require additional environment variables for basic functionality.\n\n### Development Mode\n\n```bash\n# Start with hot reload\nnpm run dev\n\n# Build for production (Next.js)\nnpm run build\n\n# Build for Cloudflare Workers\nnpm run build:worker\n\n# Preview in local Workers environment\nnpm run preview\n\n# Deploy to Cloudflare Workers\nnpm run deploy\n\n# Run linting\nnpm run lint\n```\n\n## 🛳 Deployment\n\n### Deployment Architecture\n\n```mermaid\ngraph LR\n    subgraph \"Development\"\n        A[Source Code] --\u003e B[next build]\n    end\n\n    subgraph \"Build Pipeline\"\n        B --\u003e C[OpenNext Adapter]\n        C --\u003e D[\".open-next/worker.js\"]\n        C --\u003e E[\".open-next/assets/\"]\n    end\n\n    subgraph \"Cloudflare Edge Network\"\n        D --\u003e F[Cloudflare Workers]\n        E --\u003e G[Static Assets CDN]\n        F --\u003e H[\"Global Edge\u003cbr/\u003e200+ locations\"]\n        G --\u003e H\n    end\n\n    H --\u003e I[End Users]\n```\n\n### `A` Cloudflare Workers Deployment (Recommended)\n\nThis project is deployed on **Cloudflare Workers** via [`@opennextjs/cloudflare`](https://opennext.js.org/cloudflare), which provides full Next.js 15+ support on the Cloudflare edge network.\n\n**Prerequisites:**\n- [Node.js](https://nodejs.org/) 18.0+\n- A [Cloudflare account](https://dash.cloudflare.com/sign-up)\n\n**Deploy:**\n\n```bash\n# Install dependencies\nnpm install\n\n# Login to Cloudflare\nnpx wrangler login\n\n# Build \u0026 deploy\nnpm run deploy\n```\n\n**Available Scripts:**\n\n| Script | Command | Description |\n|--------|---------|-------------|\n| `dev` | `npm run dev` | Local Next.js dev server with hot reload |\n| `build` | `npm run build` | Standard Next.js production build |\n| `build:worker` | `npm run build:worker` | Build for Cloudflare Workers via OpenNext |\n| `preview` | `npm run preview` | Preview locally in Workers environment |\n| `deploy` | `npm run deploy` | Build \u0026 deploy to Cloudflare Workers |\n| `lint` | `npm run lint` | ESLint code analysis |\n\n### `B` Docker Deployment\n\n```bash\n# Build Docker image\ndocker build -t job-valuation .\n\n# Run container\ndocker run -p 3000:3000 job-valuation\n```\n\n### `C` Other Platforms\n\n\u003cdiv align=\"center\"\u003e\n\n|           Deploy with Netlify            |                     Deploy with Railway                      |\n| :-------------------------------------: | :---------------------------------------------------------: |\n| [![][deploy-netlify-button]][deploy-netlify-link] | [![][deploy-railway-button]][deploy-railway-link] |\n\n\u003c/div\u003e\n\n### `D` Environment Variables\n\n\u003e [!NOTE]\n\u003e This application runs entirely client-side and doesn't require server-side environment variables.\n\n| Variable | Description | Required | Default |\n|----------|-------------|----------|---------|\n| `NODE_ENV` | Environment mode | 🔶 | `development` |\n| `NEXT_PUBLIC_APP_URL` | Application URL | 🔶 | `http://localhost:3000` |\n\n\u003e [!NOTE]\n\u003e 🔶 Optional\n\n## 📖 Usage Guide\n\n### Basic Usage\n\n**Getting Started:**\n\n1. **Access Application** at [demo link][demo-link]\n2. **Click \"Start Assessment\"** to begin evaluation\n3. **Complete Basic Information** about your job and background\n4. **Evaluate Each Dimension** across multiple categories\n5. **Review Results** with detailed analytics and recommendations\n\n### Assessment Process\n\n**Step 1: Basic Information**\n- Personal details (age, education, experience)\n- Job information (industry, role, level, type)\n\n**Step 2: Multi-dimensional Evaluation**\n- **Input Category**: Time investment, work intensity, stress levels\n- **Output Category**: Compensation, growth opportunities, job security\n- **Compatibility**: Skill match, value alignment, work environment\n\n**Step 3: Results Analysis**\n- Comprehensive scoring across all dimensions\n- Visual analytics with radar and bar charts\n- Personalized improvement recommendations\n\n### Understanding Results\n\n**Score Interpretation:**\n- **90-100**: Excellent job match\n- **80-89**: Good job with minor improvements needed\n- **70-79**: Average job with areas for enhancement\n- **60-69**: Below average, consider changes\n- **Below 60**: Poor match, significant changes recommended\n\n## 🔌 Integrations\n\nCurrently focused on client-side functionality with potential for future integrations:\n\n| Category | Service | Status | Planned |\n|----------|---------|--------|---------|\n| **Analytics** | Google Analytics | 🔶 Planned | ✅ |\n| **Export** | PDF Generation | 🔶 Planned | ✅ |\n| **Sharing** | Social Media | 🔶 Planned | ✅ |\n| **Storage** | Cloud Backup | 🔶 Planned | ✅ |\n\n## ⌨️ Development\n\n### Local Development\n\n**Setup Development Environment:**\n\n```bash\n# Clone repository\ngit clone https://github.com/ChanMeng666/job-valuation.git\ncd job-valuation\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\n**Development Scripts:**\n\n```bash\n# Development\nnpm run dev          # Start dev server with hot reload\nnpm run build        # Standard Next.js production build\nnpm run build:worker # Build for Cloudflare Workers\nnpm run preview      # Preview in local Workers environment\nnpm run deploy       # Build \u0026 deploy to Cloudflare Workers\nnpm run lint         # ESLint code analysis\n```\n\n### Adding Features\n\n**1. Create Feature Branch:**\n\n```bash\ngit checkout -b feature/new-feature\n```\n\n**2. Development Guidelines:**\n\n- ✅ Follow TypeScript best practices\n- ✅ Maintain component reusability\n- ✅ Update type definitions\n- ✅ Test thoroughly across devices\n- ✅ Follow existing code patterns\n\n**3. Assessment Logic Extensions:**\n\n```typescript\n// Add new dimension to DIMENSIONS array\nexport const DIMENSIONS: Dimension[] = [\n  // ... existing dimensions\n  {\n    id: \"new_dimension\",\n    title: \"New Assessment Area\",\n    weight: 1.0,\n    category: \"付出\" | \"回报\" | \"匹配度\",\n    description: \"Description of new dimension\",\n    metrics: [\n      // Define metrics with scoring levels\n    ]\n  }\n];\n```\n\n### Testing\n\n**Manual Testing Checklist:**\n- [ ] Complete assessment flow works\n- [ ] All form validations function\n- [ ] Charts render correctly\n- [ ] Mobile responsive design\n- [ ] State persistence works\n- [ ] Score calculations accurate\n\n## 🤝 Contributing\n\nWe welcome contributions! Here's how you can help improve this project:\n\n**Contribution Areas:**\n- 🐛 **Bug Reports**: Report issues with detailed reproduction steps\n- 💡 **Feature Requests**: Suggest new assessment dimensions or UI improvements\n- 📚 **Documentation**: Help improve user guides and technical docs\n- 🌐 **Internationalization**: Add support for new languages\n- 🎨 **UI/UX**: Enhance design and user experience\n\n**Development Process:**\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Test thoroughly\n5. Submit a pull request\n\n[![][pr-welcome-shield]][pr-welcome-link]\n\n## 📄 License\n\nThis project is licensed under the Apache-2.0 License - see the [LICENSE](LICENSE) file for details.\n\n**Open Source Benefits:**\n- ✅ Commercial use allowed\n- ✅ Modification allowed\n- ✅ Distribution allowed\n- ✅ Private use allowed\n\n## 👥 Team\n\n\u003cdiv align=\"center\"\u003e\n  \u003ctable\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\"\u003e\n        \u003ca href=\"https://github.com/ChanMeng666\"\u003e\n          \u003cimg src=\"https://github.com/ChanMeng666.png?size=100\" width=\"100px;\" alt=\"Chan Meng\"/\u003e\n          \u003cbr /\u003e\n          \u003csub\u003e\u003cb\u003eChan Meng\u003c/b\u003e\u003c/sub\u003e\n        \u003c/a\u003e\n        \u003cbr /\u003e\n        \u003csmall\u003eCreator \u0026 Lead Developer\u003c/small\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/table\u003e\n\u003c/div\u003e\n\n## 🙋‍♀️ Author\n\n**Chan Meng**\n- \u003cimg src=\"https://cdn.simpleicons.org/linkedin/0A66C2\" width=\"16\" height=\"16\"\u003e LinkedIn: [chanmeng666](https://www.linkedin.com/in/chanmeng666/)\n- \u003cimg src=\"https://cdn.simpleicons.org/github/181717\" width=\"16\" height=\"16\"\u003e GitHub: [ChanMeng666](https://github.com/ChanMeng666)\n- \u003cimg src=\"https://cdn.simpleicons.org/gmail/EA4335\" width=\"16\" height=\"16\"\u003e Email: [chanmeng.dev@gmail.com](mailto:chanmeng.dev@gmail.com)\n- \u003cimg src=\"https://cdn.simpleicons.org/internetexplorer/0078D4\" width=\"16\" height=\"16\"\u003e Website: [chanmeng.org](https://chanmeng.org/)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\u003cstrong\u003e🚀 Empowering Career Decisions Through Data 🌟\u003c/strong\u003e\n\u003cbr/\u003e\n\u003cem\u003eMaking job satisfaction measurable and actionable\u003c/em\u003e\n\u003cbr/\u003e\u003cbr/\u003e\n\n⭐ **Star us on GitHub** • 📖 **Read the Documentation** • 🐛 **Report Issues** • 💡 **Request Features** • 🤝 **Contribute**\n\n\u003cbr/\u003e\u003cbr/\u003e\n\n**Made with ❤️ by [Chan Meng](https://github.com/ChanMeng666)**\n\n\u003cimg src=\"https://img.shields.io/github/stars/ChanMeng666/job-valuation?style=social\" alt=\"GitHub stars\"\u003e\n\u003cimg src=\"https://img.shields.io/github/forks/ChanMeng666/job-valuation?style=social\" alt=\"GitHub forks\"\u003e\n\u003cimg src=\"https://img.shields.io/github/watchers/ChanMeng666/job-valuation?style=social\" alt=\"GitHub watchers\"\u003e\n\n\u003c/div\u003e\n\n---\n\n\u003c!-- LINK DEFINITIONS --\u003e\n\n[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square\n\n\u003c!-- Project Links --\u003e\n[demo-link]: https://job-valuation.chanmeng-dev.workers.dev/assessment/start\n[docs-link]: https://github.com/ChanMeng666/job-valuation#readme\n[docs-assessment]: https://github.com/ChanMeng666/job-valuation#-comprehensive-assessment-framework\n[docs-scoring]: https://github.com/ChanMeng666/job-valuation#-scientific-scoring-system\n\n\u003c!-- GitHub Links --\u003e\n[github-issues-link]: https://github.com/ChanMeng666/job-valuation/issues\n[github-stars-link]: https://github.com/ChanMeng666/job-valuation/stargazers\n[github-forks-link]: https://github.com/ChanMeng666/job-valuation/forks\n[github-contributors-link]: https://github.com/ChanMeng666/job-valuation/contributors\n[github-release-link]: https://github.com/ChanMeng666/job-valuation/releases\n[pr-welcome-link]: https://github.com/ChanMeng666/job-valuation/pulls\n[github-license-link]: https://github.com/ChanMeng666/job-valuation/blob/main/LICENSE\n\n\u003c!-- Community Links --\u003e\n[sponsor-link]: https://github.com/sponsors/ChanMeng666\n\n\u003c!-- Shield Badges --\u003e\n[github-release-shield]: https://img.shields.io/github/v/release/ChanMeng666/job-valuation?color=369eff\u0026labelColor=black\u0026logo=github\u0026style=flat-square\n[cloudflare-shield]: https://img.shields.io/badge/Cloudflare%20Workers-online-F38020?labelColor=black\u0026logo=cloudflare\u0026style=flat-square\n[cloudflare-link]: https://job-valuation.chanmeng-dev.workers.dev\n[github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/ChanMeng666/job-valuation/test.yml?label=test\u0026labelColor=black\u0026logo=githubactions\u0026logoColor=white\u0026style=flat-square\n[github-action-test-link]: https://github.com/ChanMeng666/job-valuation/actions\n[github-contributors-shield]: https://img.shields.io/github/contributors/ChanMeng666/job-valuation?color=c4f042\u0026labelColor=black\u0026style=flat-square\n[github-forks-shield]: https://img.shields.io/github/forks/ChanMeng666/job-valuation?color=8ae8ff\u0026labelColor=black\u0026style=flat-square\n[github-stars-shield]: https://img.shields.io/github/stars/ChanMeng666/job-valuation?color=ffcb47\u0026labelColor=black\u0026style=flat-square\n[github-issues-shield]: https://img.shields.io/github/issues/ChanMeng666/job-valuation?color=ff80eb\u0026labelColor=black\u0026style=flat-square\n[github-license-shield]: https://img.shields.io/badge/license-Apache--2.0-white?labelColor=black\u0026style=flat-square\n[sponsor-shield]: https://img.shields.io/badge/-Sponsor%20Project-f04f88?logo=opencollective\u0026logoColor=white\u0026style=flat-square\n[pr-welcome-shield]: https://img.shields.io/badge/🤝_PRs_welcome-%E2%86%92-ffcb47?labelColor=black\u0026style=for-the-badge\n\n\u003c!-- Badge Variants --\u003e\n[demo-shield-badge]: https://img.shields.io/badge/TRY%20DEMO-ONLINE-F38020?labelColor=black\u0026logo=cloudflare\u0026style=for-the-badge\n[github-shield-badge]: https://img.shields.io/badge/GITHUB-STAR%20US-ffcb47?labelColor=black\u0026logo=github\u0026style=for-the-badge\n\n\u003c!-- Social Share Links --\u003e\n[share-x-link]: https://x.com/intent/tweet?hashtags=career,assessment,webdev\u0026text=Check%20out%20this%20job%20assessment%20tool\u0026url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation\n[share-telegram-link]: https://t.me/share/url?text=Job%20Assessment%20Tool\u0026url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation\n[share-whatsapp-link]: https://api.whatsapp.com/send?text=Check%20out%20this%20job%20assessment%20tool%20https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation\n[share-reddit-link]: https://www.reddit.com/submit?title=Job%20Assessment%20Tool\u0026url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation\n[share-linkedin-link]: https://linkedin.com/sharing/share-offsite/?url=https://github.com/ChanMeng666/job-valuation\n\n[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black\u0026logo=x\u0026logoColor=white\u0026style=flat-square\n[share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black\u0026logo=telegram\u0026logoColor=white\u0026style=flat-square\n[share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black\u0026logo=whatsapp\u0026logoColor=white\u0026style=flat-square\n[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black\u0026logo=reddit\u0026logoColor=white\u0026style=flat-square\n[share-linkedin-shield]: https://img.shields.io/badge/-share%20on%20linkedin-black?labelColor=black\u0026logo=linkedin\u0026logoColor=white\u0026style=flat-square\n\n\u003c!-- Deployment Links --\u003e\n[deploy-netlify-link]: https://app.netlify.com/start/deploy?repository=https://github.com/ChanMeng666/job-valuation\n[deploy-railway-link]: https://railway.app/new/template?template=https://github.com/ChanMeng666/job-valuation\n\n[deploy-netlify-button]: https://www.netlify.com/img/deploy/button.svg\n[deploy-railway-button]: https://railway.app/button.svg\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanmeng666%2Fjob-valuation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchanmeng666%2Fjob-valuation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchanmeng666%2Fjob-valuation/lists"}