Building Micro-Web Applications with Vanilla JavaScript for Privacy and Performance

The Philosophy of Mirror Career: Simplicity, Privacy, and Speed

The "Mirror Career" project was conceived to address common pain points in modern web applications: complex sign-ups, excessive personal data collection, and slow loading times. Its core tenets are simplicity (KISS principle), user privacy, and sub-second browser-side computation. This architectural philosophy prioritizes a seamless user experience by minimizing overhead and maximizing client-side efficiency.

Technical Architecture: Embracing Vanilla JavaScript

A key architectural decision was to build the application using only pure web standards (Vanilla HTML5, CSS3, ES6+ JavaScript), eschewing heavy third-party frameworks like React or Vue. This choice drastically reduces the bundle size (avoiding 50MB+ framework files) and eliminates framework-specific dependencies, contributing to exceptional performance and maintainability.

Client-Side Multidimensional Scoring Algorithm

function calculateNormalizedScores(userAnswers, weightMatrix) {
  const dimensions = { dimensionA: 0, dimensionB: 0, dimensionC: 0, dimensionD: 0, dimensionE: 0 };
  userAnswers.forEach((answerValue, index) => {
    const weights = weightMatrix[index];
    if (weights) {
      Object.keys(weights).forEach(dimKey => {
        dimensions[dimKey] += answerValue * weights[dimKey];
      });
    }
  });
  const normalizedResults = {};
  Object.keys(dimensions).forEach(key => {
    const rawVal = dimensions[key];
    normalizedResults[key] = Math.min(100, Math.max(0, Math.round(rawVal)));
  });
  return normalizedResults;
}

The provided JavaScript algorithm demonstrates the core logic for multidimensional scoring and normalization, executed entirely within the browser. This approach not only ensures data privacy but also delivers instant feedback to the user without any server-side processing delays. The algorithm calculates various psychological and behavioral scores based on user inputs and a predefined weight matrix.

Operational Benefits and Lessons Learned

• Ultra-fast Web Performance: Achieved Lighthouse performance scores of 99-100, demonstrating the efficiency of the vanilla JavaScript approach.
• Zero Maintenance Debt: Eliminating frameworks meant no code breakage due to framework version upgrades, significantly reducing maintenance overhead.
• Integrated Control Tower Synergy: Operating multiple micro-diagnosis apps on Vercel Edge Network with a multi-subdomain structure provides an "integrated control tower" effect, enhancing domain power through organic connections.