Harrison Y G

Software Developer Intern

Aahaa Technologies · Chennai, Tamil Nadu, India · Feb 2022 – Aug 2022 · DigiSell (Behance)

Aahaa Technologies is a B2B eCommerce SaaS solution provider focused on scalable supply chain and digital commerce solutions.

Key contributions

• Worked on frontend and application development tasks for B2B SaaS products.
• Contributed to API integration workflows and application feature development.
• Gained hands-on experience with React Native and modern JavaScript development.
• Collaborated with development teams to improve application functionality and user experience.
• Created UI/UX and product interface designs in Figma for internal product workflows and application screens.
• Contributed to improving user experience through interface thinking, layout design, and interaction-focused design decisions.
• Worked in an agile development environment and participated in product-focused engineering workflows.

Full Stack Developer

PropVR · Bengaluru, Karnataka, India · Nov 2023 – Present

Worked on software infrastructure and immersive digital product experiences for PropVR platforms and media systems.

Key contributions

• Developed and maintained full-stack applications and infrastructure-focused workflows for immersive digital experiences.
• Built scalable frontend systems, backend services, and media-driven application workflows.
• Worked with Electron, Node.js, JavaScript, HTTP/HTTPS services, and local media infrastructure.
• Contributed to immersive showroom applications with multi-device interactions.
• Worked on PropVR Spatial Lite (formerly WebLite), a browser-based immersive spatial experience platform for showcasing interactive real estate and virtual environments.
• Helped build and improve spatial viewing experiences, UI workflows, media interactions, and frontend infrastructure for immersive product presentations.
• Designed and developed UI/UX workflows, product interfaces, and interaction-focused experiences.
• Collaborated across engineering, design, and product teams to improve application usability and performance.
• Focused on scalable architecture, responsive interfaces, and maintainable code practices.

FrameFlow

🔗 Live demo · Tech stack: React, TypeScript, JavaScript

Open-source browser-based design editor focused on layout design, vector paths, image editing, and creative workflows.

• Built artboard and layer-based editing workflows inspired by professional design tools.
• Implemented image treatment features, vector editing concepts, and export functionality.
• Focused on responsive browser performance and smooth editing experiences.
• Explored scalable frontend architecture using React and TypeScript.

Album Cover Downloader

🔗 Live demo · Tech stack: JavaScript

Weekend build project that allows users to download album cover images from Spotify and Apple Music playlists.

• Built functionality to collect and export up to 100 album covers in ZIP format.
• Designed a simple workflow for quickly gathering cover art collections.
• Focused on API integration and file export handling.

Pixel Ruler

🔗 Live demo · Tech stack: JavaScript

Screen measurement tool designed to support immersive display experiences.

• Built pixel-accurate screen measurement utilities.
• Focused on precision UI interactions and lightweight performance.
• Developed as a practical utility tool during a weekend build.

Video to WebP Sequence Exporter

🔗 Live demo · Tech stack: JavaScript

Browser-based utility for converting videos into WebP image sequences.

• Implemented video frame extraction and WebP export workflows.
• Focused on performance optimization and efficient media processing.
• Designed lightweight browser-based conversion experiences.

KickStart

Tech stack: TypeScript, React, Vite, Electron (optional desktop), Zustand, Tailwind CSS

Personal productivity workspace in the browser (and as an Electron app): dashboard, tasks, calendar, reminders, vault notes, creative boards, focus timer, routines, and Google sync — tuned for clarity and low-friction daily use (including ADHD-oriented touches like calm mode and readable layouts).

• Built multi-view calendar (month / week / day / schedule) with events, dated reminders, due tasks, and vault date hints; integrated Google Calendar & Tasks flows where configured.
• Implemented rich notes (TipTap / Markdown), kanban-style tasks, Miro-style brain-dump canvases, and vault ↔ tasks / calendar / reminders linking.
• Added focus sessions (timer, notifications, floating mini-timer) and dashboard widgets (weather, quotes, etc.) for a single “today” surface.
• Designed lightweight, glass-style UI with persisted local state, optional sync, and optional desktop affordances (quick notes, tray-style helpers via Electron).

PropVR Immersive

Electron, Node.js, JavaScript, HTTP/HTTPS

Desktop Electron application built as a local immersive media server for showroom and fullscreen playback experiences.

• Developed a fullscreen desktop application capable of serving immersive media experiences locally.
• Built media management workflows that scan disk-based category folders and dynamically expose videos, images, and 3D glTF / GLB assets.
• Implemented a built-in HTTP server with optional HTTPS support for secure network-based access and tablet remote control.
• Supported separate web-based interfaces for media player, remote control, and admin workflows.
• Focused on performance, media handling, scalable architecture, and immersive display experiences.
• Worked with local file systems, media streaming workflows, and multi-device interaction concepts.

PropVR Website

🔗 propvr.ai · Design engineer · Design & development · Nuxt 4, Vue 3, TypeScript, Vite

Company marketing site for PropVR—owning visual design direction alongside frontend implementation for brand storytelling, product positioning, and lead-facing experiences.

• Designed and developed page layouts, typography, and interaction patterns aligned with PropVR’s brand and immersive product narrative.
• Built responsive, performance-conscious frontend experiences across breakpoints and devices.
• Translated wireframes and visual concepts into production-ready UI, iterating with stakeholders on layout, motion, and content hierarchy.
• Collaborated across design and engineering to ship cohesive landing flows, case-style sections, and calls-to-action.

Core framework

• Vue 3 (vue, @vue/compiler-sfc, @vue/server-renderer).
• Nuxt 4 (nuxt)—app shell, routing, SSR/SSG, Nitro server output (serve via node .output/server/index.mjs).
• Vue Router (vue-router); Pinia (pinia) for state; TypeScript (typescript, vue-tsc).

Build & tooling

• Vite (vite, @vitejs/plugin-vue, @vitejs/plugin-vue-jsx); Rollup ecosystem (rollup + plugins).
• ESLint (eslint, eslint-plugin-vue, vite-plugin-eslint).
• PostCSS + Autoprefixer; UnoCSS (unocss, @unocss/preset-mini); Tailwind CSS (tailwindcss, tailwind-scrollbar); Sass (sass).
• unplugin-auto-import / unplugin-vue-components.

Styling & UI

• Tailwind-style utilities and shared src/style.css per Nuxt config.
• Headless UI (@headlessui/vue); Heroicons (@heroicons/vue).
• Carousels: Swiper (swiper), Flickity (flickity), vue3-carousel.
• Google Fonts in nuxt.config: Rethink Sans, Roboto.

Motion & 3D

• GSAP (gsap)—scroll timelines, reveals, counters.
• Lenis (lenis)—smooth scrolling where used.
• Three.js (three)—3D (e.g. Spatial OS cube experiences).

Data & APIs

• Axios (axios, @nuxtjs/axios); xml2js for XML parsing where needed.

SEO, security & schema

• @nuxtjs/sitemap, @nuxtjs/robots; nuxt-schema-org for structured data.
• nuxt-security—CSP / security headers (nuxt.config.ts); nuxt-protected-mailto.

Runtime & deployment

• Express (express) for legacy/custom server paths in scripts.
• compression, serve-static; dotenv / dotenv-cli.

Analytics & marketing

• Microsoft Clarity and Zoho PageSense scripts configured in app head (nuxt.config).

Legacy alternate build

• Separate Vite SSR pipelines (e.g. build:propvr, build:propxx)—older client/server bundles alongside the main Nuxt production path.