Frontend Developer(React Developer)

Role Overview:

We’re hiring a WebGL/Three.js Engineer who is passionate about 3D rendering and browser-based visual experiences. This is a hands-on WebGL/Three.js role where you’ll own the rendering pipeline - from 3D asset ingestion to advanced shaders and real-time lighting.

You will build high-performance, photorealistic, and smooth 60fps experiences across devices, crafting custom rendering solutions that push the limits of WebGL.

What You’ll Build:

1. 3D Rendering & Visualization:

• Develop and optimize real-time 3D viewers running at 60fps across all devices
• Implement advanced rendering: PBR, IBL, shadows, reflections
• Create custom shaders for metals, glass, fabrics, transparency, and complex materials
• Build dynamic lighting systems for photorealism
• Implement AR placement and real-world environmental rendering
• Add post-processing effects: bloom, AO, depth of field, color grading
• Build interactive 3D configurators with real-time customization

2. Performance Optimization:

• Optimize 3D asset loading for near-instant initial render
• Implement LOD systems, shader optimization, and efficient resource usage
• Use compression pipelines: geometry, textures, KTX2/Basis
• Implement frustum & occlusion culling, instancing, and batching
• Profile GPU memory, draw calls, and shader performance
• Build adaptive quality settings based on device capabilities

3. 3D Asset Pipeline & Tools:

• Build loaders/parsers for glTF, USDZ, OBJ, FBX
• Implement asset optimization: UV mapping, normal maps, texture atlasing
• Create mesh-processing tools: decimation, smoothing, tangents
• Build progressive loading, caching, and streaming systems
• Develop debugging and visualization tools for asset inspection

4. Interactive Controls & UI Features:

• Implement camera systems: orbit, pan, zoom, animated transitions
• Build gestures for mobile: pinch, rotate, drag
• Create 360° product viewers with fluid interactions
• Add hotspots, annotations, measurement tools, and view presets
• Enable screenshot and recording functionalities

5. WebXR & AR Experiences:

• Implement WebXR VR/AR experiences directly inside browsers
• Build AR Quick Look integration for iOS
• Integrate AR.js / 8th Wall for seamless web AR
• Implement environment lighting estimation and hit testing
• Build cross-platform AR for iOS + Android

6. Graphics Systems Architecture:

• Architect custom WebGL rendering solutions from scratch
• Build material/shader libraries and rendering modules
• Create scene graph management systems
• Build modular systems with reusable rendering utilities
• Design APIs for frontend integration and customization

Technical Stack:

1. Graphics & Rendering:

• WebGL 1.0/2.0, OpenGL ES, GLSL
• 3D formats: glTF 2.0, USDZ, OBJ, FBX, Collada
• Tools: Blender, RenderDoc, Spector.js
• Texture tools: Sharp, ImageMagick, compression utilities

2. Frontend & Web:

• JavaScript / TypeScript
• React, Next.js, familiarity with Vue
• Webpack, Vite, Rollup
• Jest, Cypress

3. Performance:

• Chrome DevTools, WebGL Inspector, GPU profilers
• Draco, meshoptimizer, KTX2/Basis
• Cloudflare, AWS CloudFront

4. Collaboration:

• Git/GitHub
• Technical documentation: shaders, specs, APIs

What We’re Looking For:

1. Must-Haves:

• 5-8+ years in graphics programming with deep WebGL/Three.js knowledge
• Strong understanding of the full rendering pipeline
• Expert in GLSL: vertex, fragment, compute shaders
• Mastery of PBR, material systems, and physically accurate lighting
• Proven experience building high-performance 3D web apps
• Strong JavaScript/TypeScript skills
• Solid understanding of 3D math: matrices, vectors, quaternions
• Experience with 3D formats, UV mapping, texture workflows
• Ability to debug GPU issues and optimize across browsers/devices
• Ability to build custom WebGL engines from scratch

2. Highly Desirable:

• Experience with Three.js/Babylon.js (plus, not required)
• E-commerce and 3D configurator experience
• WebXR development experience
• Strong mobile optimization knowledge
• Experience with GPU compute, GPGPU
• Familiarity with Unity/Unreal internals
• Background in advanced rendering research
• Knowledge of ray tracing, path tracing
• Experience with photogrammetry or 3D scanning
• Open-source graphics contributions

Technical Challenges You’ll Tackle:

• Achieving photorealistic 60fps rendering on mobile browsers
• Sub-second loading for complex 3D models
• Realistic shaders for different materials (jewelry, fabric, metal, glass)
• Adaptive rendering across low-end to high-end devices
• Seamless AR blending of virtual + real environments
• Managing thousands of product SKUs with diverse materials
• Debugging GPU issues across browsers, devices, and GPU vendors

Why Join the Company:

• Pure graphics engineering — not generic frontend work
• Solve deep rendering challenges that push WebGL limits
• Create visually stunning work seen by millions
• Work with modern WebGL 2.0 capabilities
• Freedom to experiment with advanced graphic techniques
• High-performance engineering culture
• Your rendering work directly influences customer engagement
• Access to high-end GPUs, devices, and graphics tools
• Backed by NVIDIA, Microsoft, Google

Location & Work Culture:

• Bengaluru (HSR Layout)
• 6 days a week, (5 days-in-office, Saturdays WFH)
• Culture: performance-focused, graphics craftsmanship, high attention to detail
• Small, senior engineering team with deep expertise
• Access to GPUs, testing devices, and 3D tools

Opportunity Summary

We are looking for an enthusiastic engineer with experience building Salesforce AppExchange apps to lead the development of Salesforce connectors for our marketing technology products.

What would you do?

·      Take a lead role in the design and implementation of Shopify connectors for our marketing products.

·      Collaborate with stakeholders in establishing application requirements, determining features, creating customer-friendly solutions, and determining support needs and performance requirements. 

·      Plan, design, develop, test, and deploy software to satisfy these requirements. 

·      Work according to the agile programming application development methodology adhered to including test-first, iterative development, and continuous re-prioritization.  

·      Support the maintenance of our hosted technology solutions. 

·      Work with other team members in accomplishing group objectives and participating in code reviews. 

·      Ensure timely and robust implementation of the company’s development plans.

·      Ensure that all relevant parties are kept up to date on progress of projects and give feedback on an ongoing basis. 

·      Contribute to the review, selection, and adoption of proprietary tools and technologies. 

·      Use specialist knowledge and experience of information technology to provide technical advice and vision.

Technical Skills

The following skills are needed for this role.

Experience

·      3+ years’ experience in web application design and development 

·      Bachelor’s Degree in relevant discipline or equivalent experience 

Primary Skills

·      Strong background in Front-end technologies – HTML, CSS, JavaScript, React, Angular, etc. 

·      Experience with node.js

·      An understanding of User Experience and a background in building intuitive interfaces. 

Secondary Skills (nice to have)

·      Experience with Shopify integrations.

·      Experience building native apps for other platforms.

·      Experience with Salesforce APEX, VisualForce, SOQL, etc.

·      AWS ecosystem and tools, particularly developing for serverless environments. 

·      Any experience with other languages will be beneficial.

Soft Skills

·      Thrives collaborating in a team environment with a diverse range of people.

·      Passionate about delivering an amazing customer experience.

·      Able to have a change of mind, and able to change the minds of others.

·      Writes clearly and concisely.

·      Capable of working without a company office, with a fully remote team.

Growth Skills

·      Possesses a good work ethic; a self-starter with a desire to grow.

·      Always looking for better ways to get the job done.

Responsibilities :

1. Develop user-facing stack from scratch
2. Build reusable code and libraries for future use
3. Ensure the technical feasibility of UI/UX designs
4. Optimize application for maximum speed and scalability
5. Collaborate with other team members and stakeholders

Technology Skills :

1. Proven 4 years work experience as a ReactJS Frontend developer
2. In-depth understanding of the entire web development process (design, development and deployment)
3. Good experience with Typescript and ReactJS (17.x). NodeJS knowledge is a plus.
4. Familiarity with Unit Testing Frameworks, UI Testing, Monorepos and Graphql principles
5. Knowledge of Alerting and Monitoring tools
6. Knowledge of SPA principles
7. UI Performance: should have hands on experience of optimising page load, rendering, caching
8. Sense for appeal & aesthetics from a usability perspective.

Soft Skills :

1. Obsessed with best practices, structuring, documentation and have an eye for detail.
2. Self starter with a high level of drive and commitment.
3. High energy and drive to work in a startup environment.
4. Conceptual thinking, flexibility and ability to juggle with multiple responsibilities.
5. Ability to work under pressure and confidence to deal with complex issues.
6. Good communication skills.
7. Hands-on and detail oriented.

1. Good experience in react components, hooks and state.
2. Experiences in the implementation of responsive web layouts
3. Ability to discuss and explain design options.
4. Good experience with HTML5 & CSS3, Bootstrap Good understanding of JavaScript.
5. JavaScript libraries and CSS frameworks are preferred.

Job Description:

1. Should be strong in Angular Development.
2. Experience in Redux , Bootstrap, css3, hands on third party library integration
3. Good experience in client communication - oral and written communication skills.
4. Should take responsibility of the work
5. Good Understanding on Server-Client Architecture
6. Good analytical and problem-solving skills.

Interview Process: 

 All the interviews round will be conducted virtually on Google meet  

Company Overview:

 "Born out of a garage in Bangalore, India in 2011, Data Template is an Information Technology Services company, delivering cutting-edge and emerging technologies to help the client stay ahead of the competition. We deliver technology services for solving complex business challenges with breakthrough technical innovations. Data Template is known for providing clients with a superior engagement experience through a combination of business acumen, intellectual curiosity, collaborative work style, and strong partnerships. Our deep technical expertise mitigates project risk and reduces total cost of ownership for our clients. Data Template takes an agile, collaborative approach to create customized solutions across the digital value chain."

Website: http://www.datatemplate.com/">www.datatemplate.com