Release 2.1

Personal Portfolio v2.1.0

This release introduces comprehensive Light & Dark Mode compatibility, automated asset processing, layout refinements and critical build stability fixes for a seamless dual-theme experience.

---

Features

• Full Dual-Theme Toggle: Added global Light/Dark mode toggling. Elements like typography, borders, images, canvas backdrops, and hover states dynamically shift based on both button toggle & system presets to maintain maximum readability and high contrast.
• Theme-Aware Logos: Implemented conditional rendering for profile/branding logos:
  • Dynamic swapping between images acrosss all sections.
  • Adaptive logos that flip color schemes depending on the active theme.

Fixes & Enhancements

• Critical ESM / SSR Stability Fix (Blank Screen Resolved): Addressed Vite production build crashes caused by Minified React Error #130 (invalid component type error due to double-default wrapped CommonJS modules). Implemented robust ESM interop wrappers for:
  • react-fast-marquee (Resume/CV marquee component)
  • react-github-calendar (Activity heatmap component)
• Navbar Layout & Spacing: Shuffled desktop layout elements in the navbar-moving the ThemeToggle next to the navigation links on the right container with customized margins and hover-scaling animations.
• Asset Directory Cleanup: Cleaned up the src/assets/light-mode/ folder, removing unused mock assets while preserving the core light theme aurora file (what.avifs).
• Re-ordered positioning of components for better UX: First, I swapped the positions of Skillset with Achievements, then, further swapped the positions of Skillset with Projects. Finally, applied the same reordering across the navlinks as well.
• Fixed UX bugs: Refined Skillset section UI-UX by replacing the box-within-box UI via a clean and structured listed manner, made the project image of StakeLiGames fully fit within the box, and updated the Customer Churn Predictor project image to its actual one instead of a sample.
• Comprehensively updated resume: A 2-pager version, with more projects & certifications.

Grayscale Preprocessing Pipeline

• Grayscale Asset Preprocessor (scripts/preprocess_light_assets.py): Added a Python preprocessing script to automate conversion of the background animation frames. It intelligently maps pixel brightness ranges:
  • Sky Background: Mapped to a light-grey blend.
  • Aurora Waves: Mapped to a mid-range grey for smooth flow visibility.
  • Stars: Detected via bright pixel thresholds and mapped to clear dark-grey particles.

Under-The-Hood

• Tested the complete React component tree via a custom Node SSR rendering pipeline mock (verifying ResizeObserver, CSS.supports, and history globals) to ensure zero server-side or runtime client-hydration crashes.
• Production build successfully bundles all assets via npm run build without any compilation warnings.

Release 1.2

Removed shadowy backgrounds & unnecessary glowing effects, standardized the CSS & color schema to black & neon green, added a dynamically updating GitHub heatmap, made the computer 3D model fully rotatable.

Release 1.1

Describes all my work and contributions, achievements etc. in the form of a developer portfolio.