The Role
Build and maintain a high-performance browser-based 2D CAD editor using React, Three.js, and WebGL, including drawing tools, snapping, geometry, selection, collaboration, and 60fps rendering. Develop scalable SaaS application modules and shared Turborepo packages, manage state with React Query, Zustand, and Redux Toolkit, integrate APIs and third-party services, implement authentication and feature gating, maintain CI/CD deployments, and mentor junior developers.
Summary Generated by Built In
About the Role
We are building a multi-tenant SaaS platform that includes a full-featured cloud-based 2DCAD editor built on Three.js WebGL, a data-driven job management application, fieldcapture workflows, and AI-assisted research tooling.
We are looking for a Senior Frontend Developer with deep React expertise to own the CADeditor experience and contribute to the broader web application. This is a technicallydemanding role that requires strong React engineering, component architecture skills, andcomfort working close to the browser — performance, rendering, and precision matter here.
What You Will Work On
Cloud CAD Editor
— a browser-based 2D CAD editor built on Three.js (WebGL,orthographic rendering). You will build and maintain CAD drawing tools, snappingengines, layer management, entity selection, undo/redo, and real-time collaborationfeatures. The editor must sustain 60fps on large drawings.
Web Application
— a Turborepo monorepo SaaS app with multiple feature modulesincluding orders, quoting, research, quality review, and billing. Feature-gated by roleand subscription tier.
Shared package library
— auth, API client, UI components, and TypeScript typesshared across both applications.
CI/CD and deployment
— GitHub Actions pipelines deploying to AWS S3 +CloudFront across dev, staging, and production environments.
Key Responsibilities
Build and maintain features in the WebGL CAD editor — drawing tools, geometry,snapping, entity manipulation, and canvas interaction.
Architect and develop scalable, reusable React components and feature modulesfollowing best practices for performance and maintainability.
Design and manage complex state across multiple layers — server state via ReactQuery, UI state via Zustand, and CAD editor state via Redux Toolkit.
Build and maintain shared Turborepo packages consumed across multipleapplications.
Implement advanced React patterns including lazy loading, code splitting,memoization, and concurrent features to meet performance targets.
Integrate frontend applications with REST backend APIs using secure cookie-basedauthentication.
Implement role-based access control, route protection, and subscription-tier featuregating.
Handle real-time UI updates via WebSocket connections.
Integrate third-party SDKs including Stripe for billing flows and Mapbox GL JS formap-based workflows.
Optimize rendering performance and ensure cross-browser compatibility.
Lead code reviews, establish patterns, and mentor junior developers.
Participate in sprint planning and agile ceremonies.
Write clean, well-typed TypeScript code that is easy to review, test, and extend.
Requirements
Qualifications
Education:
Bachelor’s/Master’s in Computer Science, or a related field.Required Skills and Experience
Core React Expertise
3–5 years of professional frontend development experience with React as the primaryframework
Expert-level understanding of React internals — reconciliation, rendering behavior,concurrent mode, and the Rules of Hooks
Strong experience building component libraries and design systems with reusable,composable components
Proven ability to identify and fix React performance issues — unnecessary re-renders,large component trees, expensive computations
Experience with React Router for complex client-side routing including protectedroutes, lazy loading, and nested layouts
Hands-on experience with React Query (TanStack Query v5) for server state —caching, invalidation, optimistic updates, pagination
Experience with Zustand or equivalent lightweight state for UI state management
Deep familiarity with React hooks — custom hooks, useCallback, useMemo, useRef,useTransition, and useContext patterns
TypeScript
Strong TypeScript skills — generics, utility types, discriminated unions, and strictmode
Experience typing complex state shapes, API response contracts, and componentprop interfaces
Comfortable enforcing type safety across shared packages and multiple consumingapps
State Management
Experience with Redux Toolkit in a production codebase — slice design, RTK Query,middleware, and selector patterns
Ability to reason about when to use local state, shared UI state, and server stateappropriately
CAD or Graphics (Required)
Hands-on experience with Three.js, WebGL, or equivalent browser rendering engine
Understanding of 2D geometric operations, coordinate systems, and canvasinteraction
Experience building or maintaining tools that require high frame-rate rendering(60fps targets)
Comfort working with orthographic cameras, raycasting, and scene graphmanagement
Architecture and Tooling
Experience with monorepo tooling (Turborepo, Nx, or equivalent)
Familiarity with Vite as a build tool — configuration, plugin ecosystem, andenvironment variables
Understanding of CloudFront/CDN deployments, cache-control strategy, and SPArouting patterns
Experience with GitHub Actions or equivalent CI/CD pipelines
API and Auth
Experience integrating REST APIs with typed fetch clients and centralized errorhandling
Understanding of browser cookie-based authentication (httpOnly cookies, CORS,credentials: include)
Familiarity with OAuth2 / OIDC authentication flows
Nice-to-Have Skills
Experience with Mapbox GL JS or similar map rendering libraries
Experience with Stripe Elements or Stripe React SDK
Exposure to AWS (S3, CloudFront, ECS)
Experience with WebSocket-based real-time features in React
Understanding of Content Security Policy and browser security headers
Familiarity with React Native for future mobile work
What We Value
Deep understanding of React — not just how to use it, but why it works the way it does
Developers who care about rendering performance and browser precision
Clean, typed, reviewable code over clever shortcuts
Engineers who establish patterns the team can follow, not just ship features
Comfort working in a fast-moving product at an early but structured stage
Benefits
- Salary will be at par
with industry standards.
- Sodexo meal passes provided for daily nutritional
needs.
- Performance based Variable Pay - Annually or Bi-anually
To apply, please send your resume and
portfolio to [email protected] Phone: +91 2067444030
Only
shortlisted candidates will be contacted for further
evaluation.
Skills Required
- Bachelor's or Master's degree in Computer Science or a related field
- 3-5 years of professional frontend development experience with React as the primary framework
- Expert understanding of React internals, rendering behavior, concurrent mode, and Rules of Hooks
- Experience building reusable component libraries and design systems
- Experience diagnosing and resolving React performance issues
- Experience with React Router for protected routes, lazy loading, and nested layouts
- Hands-on experience with TanStack Query v5 for caching, invalidation, optimistic updates, and pagination
- Experience with Zustand or equivalent lightweight UI state management
- Deep familiarity with React hooks including useCallback, useMemo, useRef, useTransition, and useContext
- Strong TypeScript skills, including generics, utility types, discriminated unions, and strict mode
- Experience typing complex state shapes, API contracts, and component properties
- Production experience with Redux Toolkit, including slices, RTK Query, middleware, and selectors
- Hands-on experience with Three.js, WebGL, or an equivalent browser rendering engine
- Understanding of 2D geometry, coordinate systems, and canvas interaction
- Experience developing high-frame-rate rendering tools with 60fps targets
- Experience with orthographic cameras, raycasting, and scene graph management
- Experience with monorepo tooling such as Turborepo or Nx
- Familiarity with Vite configuration, plugins, and environment variables
- Understanding of CloudFront/CDN deployments, cache-control, and SPA routing
- Experience with GitHub Actions or equivalent CI/CD pipelines
- Experience integrating REST APIs with typed fetch clients and centralized error handling
- Understanding of cookie-based authentication, CORS, and credentials inclusion
- Familiarity with OAuth2 or OIDC authentication flows
- Experience with Mapbox GL JS or similar map-rendering libraries
- Experience with Stripe Elements or Stripe React SDK
- Exposure to AWS services including S3, CloudFront, or ECS
- Experience with WebSocket-based real-time features in React
- Understanding of Content Security Policy and browser security headers
- Familiarity with React Native
Am I A Good Fit?
Get Personalized Job Insights.
Our AI-powered fit analysis compares your resume with a job listing so you know if your skills & experience align.
Success! Refresh the page to see how your skills align with this role.
The Company
What We Do
Gsource Technologies provides customized architectural design, engineering drawing, CAD drafting, civil design, and BIM modeling services for architects, contractors, surveyors, and other AEC-industry clients. The company uses computer-assisted processes and technologies to deliver accurate design, drafting, geospatial, and engineering solutions, including land surveying, structural engineering, civil engineering, 3D modeling, and construction-related documentation for clients globally.
