Vision Planner — Product Configuration Platform
Full-stack product configuration and AR visualisation platform (vision.hella.info) built with Next.js, React, TypeScript, Python services, CI/CD, and security audits.
Overview
Contributed to the development and project delivery of vision.hella.info — a web platform for configuring HELLA sun-shading products and visualising them in augmented reality directly in the browser.
Responsibilities
Implementation
- UI/UX for product selection, configuration flows, and calls-to-action
- Sales and lead-capture workflows
- Authentication and session management
- Database-backed user preferences and saved configurations
- REST API integration between the Next.js frontend and Python backend services
CI/CD and quality
- Set up GitHub Actions pipelines for automated build, type-check, and deployment
- Contributed to security audits: input validation, authentication hardening, dependency review
- All AI-assisted code reviewed before integration to ensure reliability and maintainability
Project execution
- Coordinated across product, technical, and sales requirements
- Translated stakeholder feedback into prioritised implementation tasks
Technical notes
The stack combines a Next.js/React/TypeScript frontend deployed on Vercel with Python services handling backend logic and data management. TypeScript strict mode was enforced throughout the frontend codebase.
Approach to AI-assisted development
This project made deliberate use of agentic coding tools to accelerate implementation. All generated or suggested code was reviewed and validated before merging — ensuring the codebase remained maintainable, secure, and testable rather than opaque.