Job Role: React Developer
Experience: 8 years
Location: 100% Remote
Job Type: Contract
Contract Duration: 3 months+
Budget: Upto 90k per month
Working Time: Normal Shift (09:00 AM to 06:00 PM IST)
Detailed Job Description:
Deliver a scalable, responsive React UI aligned to approved design specs by NOC
Enable intuitive forecast editing, scenario building, and comparison features of a web application using form development techniques and API calling where needed.
Implement versioning, approvals workflow, and auditability features in the UI.
Provide collaboration (e.g. comments, tagging, feedback, scoring etc.) features within forecast modules of the application using React techniques.
Ensure seamless data integration with Python Django APIs and FUTURE system (data source at NOC) endpoints using API calling techniques.
Responsibilities:
React based Dashboards for displaying oil and gas related KPIs and measures such as production rate, watercut, liquid and gor etc. using data from different data sources.
Dashboard to be interactive along with filters and should support multiselecting filters.
Forecast Editing Tools - Manual adjustments, slope/trend controls, scenario builder (plateau/decline/increase phases), version compare.
Comments \& Collaboration - Inline comments for Light/Heavy forecast data views, tagging, threads (threading optional toggle may be needed).
Versioning \& History UI - Display active version data view per well, metadata (editor, timestamp, changes, comments), restore/compare views.
Event Marker Visualization - Overlay T-MORE/Sypher application operational events on welllevel charts.
Governance \& Workflow - Draft save, override comments, role-based views (Super Users/Engineers/Heads/Manager), approval steps, notifications, and audit trails features.
Forecast Validation Screens - Validate \& Submit / Modify actions, review routing, logs features
System Integration (UI) - Interfaces to pull/push data with data source called FUTURE (history profiles, finalized forecasts).
Quality \& Ops - Test coverage (unit/integration), accessibility, performance optimization, deployment-ready build \& handover docs.
Primary Skills:
React.js Expertise
o Strong understanding of React fundamentals (hooks, lifecycle, context).
o Experience with functional components and state management (Redux, Context API, or Zustand).
o Knowledge of React Router for navigation.
JavaScript \& TypeScript
o ES6+ features (async/await, de-structuring, spread/rest).
o TypeScript for type safety and maintainability.
UI/UX Implementation
o Ability to translate Figma/Adobe XD designs into pixel-perfect, responsive UI.
o Familiarity with CSS-in-JS, Styled Components, or TailwindCSS.
API Integration
o Consuming REST APIs.
o Handling authentication tokens, error states, and retries.
Performance Optimization
o Code splitting, lazy loading, memorization (React.memo, useMemo, useCallback).
o Virtualization for large data sets (e.g., react-window).
Testing
o integration testing for critical flows.
o User acceptance testing support for business testers
Documentation
o To be able to deliver functional and technical documentation
DevOps
o To be able to use Azure DevOps for code configuration management (check in,
checkout, code branch management, running of devops pipelines etc.)