https://github.com/chanmeng666/job-valuation
【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.
https://github.com/chanmeng666/job-valuation
analytics career-development career-planning dashboard job-assessment nextjs professional-development react shadcn-ui tailwindcss typescript
Last synced: 3 months ago
JSON representation
【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.
- Host: GitHub
- URL: https://github.com/chanmeng666/job-valuation
- Owner: ChanMeng666
- License: apache-2.0
- Created: 2024-12-06T12:56:13.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2026-04-07T10:36:16.000Z (3 months ago)
- Last Synced: 2026-04-07T12:23:26.955Z (3 months ago)
- Topics: analytics, career-development, career-planning, dashboard, job-assessment, nextjs, professional-development, react, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://job-valuation.vercel.app
- Size: 578 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[](#)
# 🚀 Job Value Assessment Tool
Professional Career Decision Support Platform
A comprehensive web application that helps professionals quantitatively evaluate their current job positions through a scientific assessment framework.
Make data-driven career decisions by analyzing job satisfaction across multiple dimensions with advanced analytics and personalized insights.
One-click **FREE** assessment of your career satisfaction and job value.
[Live Demo][demo-link] · [Documentation][docs-link] · [Report Issues][github-issues-link] · [Request Features][github-issues-link]
[][demo-link]
[![][github-release-shield]][github-release-link]
[![][cloudflare-shield]][cloudflare-link]
[![][github-action-test-shield]][github-action-test-link]
[![][github-contributors-shield]][github-contributors-link]
[![][github-forks-shield]][github-forks-link]
[![][github-stars-shield]][github-stars-link]
[![][github-issues-shield]][github-issues-link]
[![][github-license-shield]][github-license-link]
[![][sponsor-shield]][sponsor-link]
**Share This Project**
[![][share-x-shield]][share-x-link]
[![][share-telegram-shield]][share-telegram-link]
[![][share-whatsapp-shield]][share-whatsapp-link]
[![][share-reddit-shield]][share-reddit-link]
[![][share-linkedin-shield]][share-linkedin-link]
🌟 Transforming career decision-making through quantitative assessment. Built for modern professionals seeking clarity.
[](https://star-history.com/#ChanMeng666/job-valuation&Date)
## 📸 Application Screenshots
> [!TIP]
> Experience the complete assessment journey from start to personalized insights.
Assessment Start - Welcome & Introduction
Multi-step Assessment - Basic Info Collection & Detailed Evaluation
Results Dashboard - Comprehensive Analysis & Insights
📱 More Screenshots
Version 1.0 - Initial Design
Detailed Results with Recommendations
## 🎬 Demo Video
> [!NOTE]
> Watch the complete assessment process in action.
https://github.com/user-attachments/assets/a350e2cf-daf8-4d58-9cdd-1403e89d10fb
*Complete assessment workflow demonstration*
**Tech Stack Badges:**
> [!IMPORTANT]
> 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.
📑 Table of Contents
#### TOC
- [🚀 Job Value Assessment ToolProfessional Career Decision Support Platform](#-job-value-assessment-toolprofessional-career-decision-support-platform)
- [📸 Application Screenshots](#-application-screenshots)
- [🎬 Demo Video](#-demo-video)
- [TOC](#toc)
- [🌟 Introduction](#-introduction)
- [✨ Key Features](#-key-features)
- [`1` Comprehensive Assessment Framework](#1-comprehensive-assessment-framework)
- [`2` Scientific Scoring System](#2-scientific-scoring-system)
- [`*` Additional Features](#-additional-features)
- [🛠️ Tech Stack](#️-tech-stack)
- [🏗️ Architecture](#️-architecture)
- [System Architecture](#system-architecture)
- [Assessment Flow](#assessment-flow)
- [Component Structure](#component-structure)
- [⚡️ Performance](#️-performance)
- [Performance Metrics](#performance-metrics)
- [🚀 Getting Started](#-getting-started)
- [Prerequisites](#prerequisites)
- [Quick Installation](#quick-installation)
- [Environment Setup](#environment-setup)
- [Development Mode](#development-mode)
- [🛳 Deployment](#-deployment)
- [`A` Cloud Deployment](#a-cloud-deployment)
- [`B` Docker Deployment](#b-docker-deployment)
- [`C` Environment Variables](#c-environment-variables)
- [📖 Usage Guide](#-usage-guide)
- [Basic Usage](#basic-usage)
- [Assessment Process](#assessment-process)
- [Understanding Results](#understanding-results)
- [🔌 Integrations](#-integrations)
- [⌨️ Development](#️-development)
- [Local Development](#local-development)
- [Adding Features](#adding-features)
- [Testing](#testing)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
- [👥 Team](#-team)
- [🙋♀️ Author](#️-author)
## 🌟 Introduction
We 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.
Whether 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.
> [!NOTE]
> - Node.js >= 18.0 required for development
> - Modern web browser required for optimal experience
> - All assessments are processed locally for privacy
> - Results can be saved for future comparison
| [![][demo-shield-badge]][demo-link] | No registration required! Start your assessment immediately. |
| :------------------------------------ | :--------------------------------------------------------------------------------------------- |
| [![][github-shield-badge]][github-stars-link] | Join our community! Star us for updates and contribute to the project. |
> [!TIP]
> **⭐ Star us** to receive all release notifications and support the project!
⭐ Star History
## ✨ Key Features
### `1` [Comprehensive Assessment Framework][docs-assessment]
Experience 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.
Multi-dimensional Assessment Interface
**Assessment Categories:**
- 💼 **Input Factors**: Time investment, work intensity, stress levels
- 💰 **Output Factors**: Compensation, growth opportunities, job security
- 🎯 **Compatibility**: Skill utilization, value alignment, work environment
[![][back-to-top]](#readme-top)
### `2` [Scientific Scoring System][docs-scoring]
Advanced 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.
Visual Analytics Dashboard
**Key Metrics:**
- **Balance Score**: Equilibrium between effort and rewards
- **Match Score**: Alignment with your profile and preferences
- **Overall Rating**: Comprehensive job satisfaction index
[![][back-to-top]](#readme-top)
### `*` Additional Features
Beyond core assessment capabilities, the platform includes:
- [x] 📊 **Interactive Visualizations**: Radar charts and bar graphs for data insights
- [x] 💡 **Personalized Recommendations**: AI-generated improvement suggestions
- [x] 📈 **Progress Tracking**: Save and compare assessments over time
- [x] 🌐 **Multi-language Support**: Comprehensive internationalization
- [x] 📱 **Responsive Design**: Optimized for all devices
- [x] 🔒 **Privacy-First**: All data processed locally
- [x] ⚡ **Real-time Updates**: Instant score calculation and feedback
- [x] 📋 **Export Options**: Download results for future reference
> ✨ More features are continuously being added based on user feedback.
[![][back-to-top]](#readme-top)
## 🛠️ Tech Stack
Next.js 15
React 18
TypeScript 5
Tailwind CSS
CF Workers
Zod Validation
Zustand
Recharts
**Frontend Stack:**
- **Framework**: Next.js 15 with App Router, deployed on Cloudflare Workers
- **Language**: TypeScript for comprehensive type safety
- **Styling**: Tailwind CSS with shadcn/ui components
- **State Management**: Zustand with persistence middleware
- **Form Handling**: React Hook Form with Zod validation
- **Data Visualization**: Recharts for interactive charts
**UI/UX Components:**
- **Design System**: shadcn/ui component library
- **Icons**: Lucide React icon set
- **Animations**: Tailwind CSS animations
- **Responsive**: Mobile-first responsive design
- **Accessibility**: WCAG compliant components
**Deployment & Infrastructure:**
- **Hosting**: Cloudflare Workers (edge runtime, 200+ global locations)
- **Adapter**: @opennextjs/cloudflare for Next.js 15+ compatibility
- **CLI**: Wrangler for build, preview, and deploy
**Development Tools:**
- **Build System**: Next.js optimized bundling + OpenNext adapter
- **Code Quality**: ESLint + Prettier configuration
- **Type Checking**: Strict TypeScript compilation
- **Hot Reload**: Fast refresh development experience
> [!TIP]
> Each technology was selected for optimal developer experience, performance, and maintainability in modern web development.
## 🏗️ Architecture
### System Architecture
> [!TIP]
> Client-side processing ensures complete privacy while maintaining high performance through optimized React components and state management.
```mermaid
graph TB
subgraph "Cloudflare Edge Network"
CF[Cloudflare Workers] --> SA[Static Assets CDN]
end
subgraph "Frontend Application"
CF --> A[Next.js 15 App Router]
A --> B[React Components]
B --> C[Zustand Store]
C --> D[Assessment Engine]
D --> E[Visualization Layer]
end
subgraph "Client-Side State"
F[Assessment State]
G[User Progress]
H[Results History]
I["localStorage Persistence"]
end
subgraph "Assessment Engine"
J[Weighted Scoring Algorithm]
K[Recommendation System]
L[Analytics Calculator]
end
C --> F
C --> G
C --> H
H --> I
D --> J
D --> K
D --> L
subgraph "UI Components"
M[Multi-step Assessment Forms]
N[Progress Indicators]
O[Results Dashboard]
P[Recharts Visualizations]
end
B --> M
B --> N
B --> O
E --> P
```
### Assessment Flow
```mermaid
sequenceDiagram
participant U as User
participant S as Start Page
participant B as Basic Info
participant A as Assessment
participant R as Results
participant H as History
U->>S: Access Application
S->>B: Begin Assessment
B->>A: Complete Basic Info
A->>A: Multi-step Evaluation
A->>R: Calculate Scores
R->>U: Display Results
R->>H: Save to History
H->>U: Track Progress
```
### Component Structure
```
.
├── wrangler.jsonc # Cloudflare Workers configuration
├── open-next.config.ts # OpenNext adapter configuration
├── next.config.ts # Next.js config (output: standalone)
├── package.json # Scripts: dev, build, build:worker, deploy
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── assessment/ # Assessment pages
│ │ │ ├── start/ # Welcome & introduction
│ │ │ ├── basic/ # Basic information collection
│ │ │ ├── time-skill/ # Time & skill evaluation
│ │ │ ├── salary-growth/ # Salary growth assessment
│ │ │ ├── environment-value/# Work environment evaluation
│ │ │ ├── evaluation/ # Main assessment interface
│ │ │ └── result/ # Results dashboard
│ │ ├── globals.css # Global styles
│ │ └── layout.tsx # Root layout with metadata
│ ├── components/ # Reusable components
│ │ ├── ui/ # shadcn/ui components
│ │ ├── forms/ # Form components
│ │ ├── AssessmentForm.tsx # Main assessment logic
│ │ ├── AssessmentResult.tsx # Results visualization
│ │ ├── ProfessionalReport.tsx# PDF report generation
│ │ ├── GEOHead.tsx # SEO structured data
│ │ └── GEOAnalyticsProvider.tsx # Analytics tracking
│ ├── store/ # Zustand state management
│ │ ├── assessment.ts # Assessment store with persistence
│ │ └── store.ts # Store configuration
│ ├── types/ # TypeScript definitions
│ │ └── assessment.ts # Assessment types & dimensions
│ └── lib/ # Utility functions
│ ├── utils.ts # Helper functions
│ ├── advanced-assessment.ts# Assessment algorithms
│ └── geo-analytics.ts # GEO analytics library
└── public/ # Static assets
├── logo.svg, chan_logo.svg # Brand assets
├── robots.txt # Crawler configuration
├── sitemap.xml # SEO sitemap
└── llms.txt # AI crawler metadata
```
## ⚡️ Performance
> [!NOTE]
> Optimized for speed and efficiency with client-side processing and modern web technologies.
### Performance Metrics
- ⚡ **Loading Speed**: < 2s first contentful paint
- 🚀 **Interactive Time**: < 1s time to interactive
- 💨 **Assessment Processing**: Real-time score calculation
- 📱 **Mobile Performance**: 95+ Lighthouse score
- 🔄 **State Updates**: Instant UI response
**Performance Optimizations:**
- 🌍 **Edge Deployment**: Cloudflare Workers across 200+ global locations
- 🎯 **Code Splitting**: Automatic route-based splitting
- 📦 **Bundle Optimization**: Tree-shaking and minification
- 🖼️ **Image Optimization**: Next.js Image component
- 🔄 **Caching Strategy**: Efficient state persistence via localStorage
## 🚀 Getting Started
### Prerequisites
> [!IMPORTANT]
> Ensure you have the following installed:
- Node.js 18.0+ ([Download](https://nodejs.org/))
- npm/yarn/pnpm package manager
- Git ([Download](https://git-scm.com/))
### Quick Installation
**1. Clone Repository**
```bash
git clone https://github.com/ChanMeng666/job-valuation.git
cd job-valuation
```
**2. Install Dependencies**
```bash
# Using npm
npm install
# Using yarn
yarn install
# Using pnpm (recommended)
pnpm install
```
**3. Start Development**
```bash
npm run dev
```
🎉 **Success!** Open [http://localhost:3000](http://localhost:3000) to view the application.
### Environment Setup
The application runs entirely client-side and doesn't require additional environment variables for basic functionality.
### Development Mode
```bash
# Start with hot reload
npm run dev
# Build for production (Next.js)
npm run build
# Build for Cloudflare Workers
npm run build:worker
# Preview in local Workers environment
npm run preview
# Deploy to Cloudflare Workers
npm run deploy
# Run linting
npm run lint
```
## 🛳 Deployment
### Deployment Architecture
```mermaid
graph LR
subgraph "Development"
A[Source Code] --> B[next build]
end
subgraph "Build Pipeline"
B --> C[OpenNext Adapter]
C --> D[".open-next/worker.js"]
C --> E[".open-next/assets/"]
end
subgraph "Cloudflare Edge Network"
D --> F[Cloudflare Workers]
E --> G[Static Assets CDN]
F --> H["Global Edge
200+ locations"]
G --> H
end
H --> I[End Users]
```
### `A` Cloudflare Workers Deployment (Recommended)
This 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.
**Prerequisites:**
- [Node.js](https://nodejs.org/) 18.0+
- A [Cloudflare account](https://dash.cloudflare.com/sign-up)
**Deploy:**
```bash
# Install dependencies
npm install
# Login to Cloudflare
npx wrangler login
# Build & deploy
npm run deploy
```
**Available Scripts:**
| Script | Command | Description |
|--------|---------|-------------|
| `dev` | `npm run dev` | Local Next.js dev server with hot reload |
| `build` | `npm run build` | Standard Next.js production build |
| `build:worker` | `npm run build:worker` | Build for Cloudflare Workers via OpenNext |
| `preview` | `npm run preview` | Preview locally in Workers environment |
| `deploy` | `npm run deploy` | Build & deploy to Cloudflare Workers |
| `lint` | `npm run lint` | ESLint code analysis |
### `B` Docker Deployment
```bash
# Build Docker image
docker build -t job-valuation .
# Run container
docker run -p 3000:3000 job-valuation
```
### `C` Other Platforms
| Deploy with Netlify | Deploy with Railway |
| :-------------------------------------: | :---------------------------------------------------------: |
| [![][deploy-netlify-button]][deploy-netlify-link] | [![][deploy-railway-button]][deploy-railway-link] |
### `D` Environment Variables
> [!NOTE]
> This application runs entirely client-side and doesn't require server-side environment variables.
| Variable | Description | Required | Default |
|----------|-------------|----------|---------|
| `NODE_ENV` | Environment mode | 🔶 | `development` |
| `NEXT_PUBLIC_APP_URL` | Application URL | 🔶 | `http://localhost:3000` |
> [!NOTE]
> 🔶 Optional
## 📖 Usage Guide
### Basic Usage
**Getting Started:**
1. **Access Application** at [demo link][demo-link]
2. **Click "Start Assessment"** to begin evaluation
3. **Complete Basic Information** about your job and background
4. **Evaluate Each Dimension** across multiple categories
5. **Review Results** with detailed analytics and recommendations
### Assessment Process
**Step 1: Basic Information**
- Personal details (age, education, experience)
- Job information (industry, role, level, type)
**Step 2: Multi-dimensional Evaluation**
- **Input Category**: Time investment, work intensity, stress levels
- **Output Category**: Compensation, growth opportunities, job security
- **Compatibility**: Skill match, value alignment, work environment
**Step 3: Results Analysis**
- Comprehensive scoring across all dimensions
- Visual analytics with radar and bar charts
- Personalized improvement recommendations
### Understanding Results
**Score Interpretation:**
- **90-100**: Excellent job match
- **80-89**: Good job with minor improvements needed
- **70-79**: Average job with areas for enhancement
- **60-69**: Below average, consider changes
- **Below 60**: Poor match, significant changes recommended
## 🔌 Integrations
Currently focused on client-side functionality with potential for future integrations:
| Category | Service | Status | Planned |
|----------|---------|--------|---------|
| **Analytics** | Google Analytics | 🔶 Planned | ✅ |
| **Export** | PDF Generation | 🔶 Planned | ✅ |
| **Sharing** | Social Media | 🔶 Planned | ✅ |
| **Storage** | Cloud Backup | 🔶 Planned | ✅ |
## ⌨️ Development
### Local Development
**Setup Development Environment:**
```bash
# Clone repository
git clone https://github.com/ChanMeng666/job-valuation.git
cd job-valuation
# Install dependencies
npm install
# Start development server
npm run dev
```
**Development Scripts:**
```bash
# Development
npm run dev # Start dev server with hot reload
npm run build # Standard Next.js production build
npm run build:worker # Build for Cloudflare Workers
npm run preview # Preview in local Workers environment
npm run deploy # Build & deploy to Cloudflare Workers
npm run lint # ESLint code analysis
```
### Adding Features
**1. Create Feature Branch:**
```bash
git checkout -b feature/new-feature
```
**2. Development Guidelines:**
- ✅ Follow TypeScript best practices
- ✅ Maintain component reusability
- ✅ Update type definitions
- ✅ Test thoroughly across devices
- ✅ Follow existing code patterns
**3. Assessment Logic Extensions:**
```typescript
// Add new dimension to DIMENSIONS array
export const DIMENSIONS: Dimension[] = [
// ... existing dimensions
{
id: "new_dimension",
title: "New Assessment Area",
weight: 1.0,
category: "付出" | "回报" | "匹配度",
description: "Description of new dimension",
metrics: [
// Define metrics with scoring levels
]
}
];
```
### Testing
**Manual Testing Checklist:**
- [ ] Complete assessment flow works
- [ ] All form validations function
- [ ] Charts render correctly
- [ ] Mobile responsive design
- [ ] State persistence works
- [ ] Score calculations accurate
## 🤝 Contributing
We welcome contributions! Here's how you can help improve this project:
**Contribution Areas:**
- 🐛 **Bug Reports**: Report issues with detailed reproduction steps
- 💡 **Feature Requests**: Suggest new assessment dimensions or UI improvements
- 📚 **Documentation**: Help improve user guides and technical docs
- 🌐 **Internationalization**: Add support for new languages
- 🎨 **UI/UX**: Enhance design and user experience
**Development Process:**
1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test thoroughly
5. Submit a pull request
[![][pr-welcome-shield]][pr-welcome-link]
## 📄 License
This project is licensed under the Apache-2.0 License - see the [LICENSE](LICENSE) file for details.
**Open Source Benefits:**
- ✅ Commercial use allowed
- ✅ Modification allowed
- ✅ Distribution allowed
- ✅ Private use allowed
## 👥 Team
## 🙋♀️ Author
**Chan Meng**
- 
LinkedIn: [chanmeng666](https://www.linkedin.com/in/chanmeng666/)
- 
GitHub: [ChanMeng666](https://github.com/ChanMeng666)
- 
Email: [chanmeng.dev@gmail.com](mailto:chanmeng.dev@gmail.com)
- 
Website: [chanmeng.org](https://chanmeng.org/)
---
🚀 Empowering Career Decisions Through Data 🌟
Making job satisfaction measurable and actionable
⭐ **Star us on GitHub** • 📖 **Read the Documentation** • 🐛 **Report Issues** • 💡 **Request Features** • 🤝 **Contribute**
**Made with ❤️ by [Chan Meng](https://github.com/ChanMeng666)**
---
[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
[demo-link]: https://job-valuation.chanmeng-dev.workers.dev/assessment/start
[docs-link]: https://github.com/ChanMeng666/job-valuation#readme
[docs-assessment]: https://github.com/ChanMeng666/job-valuation#-comprehensive-assessment-framework
[docs-scoring]: https://github.com/ChanMeng666/job-valuation#-scientific-scoring-system
[github-issues-link]: https://github.com/ChanMeng666/job-valuation/issues
[github-stars-link]: https://github.com/ChanMeng666/job-valuation/stargazers
[github-forks-link]: https://github.com/ChanMeng666/job-valuation/forks
[github-contributors-link]: https://github.com/ChanMeng666/job-valuation/contributors
[github-release-link]: https://github.com/ChanMeng666/job-valuation/releases
[pr-welcome-link]: https://github.com/ChanMeng666/job-valuation/pulls
[github-license-link]: https://github.com/ChanMeng666/job-valuation/blob/main/LICENSE
[sponsor-link]: https://github.com/sponsors/ChanMeng666
[github-release-shield]: https://img.shields.io/github/v/release/ChanMeng666/job-valuation?color=369eff&labelColor=black&logo=github&style=flat-square
[cloudflare-shield]: https://img.shields.io/badge/Cloudflare%20Workers-online-F38020?labelColor=black&logo=cloudflare&style=flat-square
[cloudflare-link]: https://job-valuation.chanmeng-dev.workers.dev
[github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/ChanMeng666/job-valuation/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
[github-action-test-link]: https://github.com/ChanMeng666/job-valuation/actions
[github-contributors-shield]: https://img.shields.io/github/contributors/ChanMeng666/job-valuation?color=c4f042&labelColor=black&style=flat-square
[github-forks-shield]: https://img.shields.io/github/forks/ChanMeng666/job-valuation?color=8ae8ff&labelColor=black&style=flat-square
[github-stars-shield]: https://img.shields.io/github/stars/ChanMeng666/job-valuation?color=ffcb47&labelColor=black&style=flat-square
[github-issues-shield]: https://img.shields.io/github/issues/ChanMeng666/job-valuation?color=ff80eb&labelColor=black&style=flat-square
[github-license-shield]: https://img.shields.io/badge/license-Apache--2.0-white?labelColor=black&style=flat-square
[sponsor-shield]: https://img.shields.io/badge/-Sponsor%20Project-f04f88?logo=opencollective&logoColor=white&style=flat-square
[pr-welcome-shield]: https://img.shields.io/badge/🤝_PRs_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
[demo-shield-badge]: https://img.shields.io/badge/TRY%20DEMO-ONLINE-F38020?labelColor=black&logo=cloudflare&style=for-the-badge
[github-shield-badge]: https://img.shields.io/badge/GITHUB-STAR%20US-ffcb47?labelColor=black&logo=github&style=for-the-badge
[share-x-link]: https://x.com/intent/tweet?hashtags=career,assessment,webdev&text=Check%20out%20this%20job%20assessment%20tool&url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation
[share-telegram-link]: https://t.me/share/url?text=Job%20Assessment%20Tool&url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation
[share-whatsapp-link]: https://api.whatsapp.com/send?text=Check%20out%20this%20job%20assessment%20tool%20https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation
[share-reddit-link]: https://www.reddit.com/submit?title=Job%20Assessment%20Tool&url=https%3A%2F%2Fgithub.com%2FChanMeng666%2Fjob-valuation
[share-linkedin-link]: https://linkedin.com/sharing/share-offsite/?url=https://github.com/ChanMeng666/job-valuation
[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black&logo=x&logoColor=white&style=flat-square
[share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black&logo=telegram&logoColor=white&style=flat-square
[share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black&logo=whatsapp&logoColor=white&style=flat-square
[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black&logo=reddit&logoColor=white&style=flat-square
[share-linkedin-shield]: https://img.shields.io/badge/-share%20on%20linkedin-black?labelColor=black&logo=linkedin&logoColor=white&style=flat-square
[deploy-netlify-link]: https://app.netlify.com/start/deploy?repository=https://github.com/ChanMeng666/job-valuation
[deploy-railway-link]: https://railway.app/new/template?template=https://github.com/ChanMeng666/job-valuation
[deploy-netlify-button]: https://www.netlify.com/img/deploy/button.svg
[deploy-railway-button]: https://railway.app/button.svg
