React.js / Frontend Engineer (Mid Level)

React.js / Frontend Engineer (Mid Level) AI-Enabled Product Engineering Team Company Overview CoffeeWeb Technologies is a product-led company building scalable digital solutions for the global coffee industry. Backed by founders with 20+ years of domain expertise, we are transforming international coffee supply chains through modern, real-time, cloud-native platforms. Our flagship user platform is a Progressive Web App (PWA) built on React 18, delivering real-time market data, interactive charts, social feeds, weather intelligence, and personalized dashboards to a global, multilingual user base across web and mobile.

Position Details • Role: React.js / Frontend Engineer (Mid / Senior) • Experience: 3+ Years • Location: Bangalore (Work from Office) • Employment Type: Full-Time • Apply: Role Summary We are looking for a highly skilled Frontend Engineer passionate about building scalable, AI-enabled, high- performance web applications using the modern React ecosystem. You will work hands-on in our React 18 + CRA/CRACO PWA codebase , ship features end-to-end, and partner closely with product, backend, DevOps, AI, and design teams to deliver intelligent, responsive, internationalized, and globally scalable user experiences. The ideal candidate should be comfortable using AI-assisted engineering workflows, agentic coding tools, and automation-driven development practices to improve productivity, software quality, and delivery speed.

Key Responsibilities • Design, develop, and maintain scalable frontend applications using React 18, JavaScript (ES6+), SCSS/CSS, and modern React patterns (Hooks, Context, Suspense, code -splitting). • Build and evolve reusable UI components and shared design patterns on top of our component stack (PrimeReact, Bootstrap, Emotion, custom SCSS theming). • Build and ship Progressive Web App (PWA) capabilities - service workers with Workbox , offline caching strategies, installable experiences, and Core Web Vitals optimization. • Develop real-time, data-intensive UI - interactive charts (Chart.js, Lightweight Charts) , infinite scrolling feeds, video playback (Video.js) , carousels (Swiper), and live updates. • Implement and maintain internationalization (i18n) flows using i18next / react-i18next for our global user base. • Translate UI/UX designs and product requirements into clean, efficient, maintainable code with strong attention to accessibility and cross-browser behavior. • Integrate the frontend with REST APIs (Axios), Firebase, Supabase, Google OAuth , and real-time backend services. • Use AI-assisted engineering tools such as GitHub Copilot, Cursor, Claude Code, ChatGPT, Codex, Windsurf, or similar platforms to improve engineering productivity, code quality, and delivery speed. • Optimize frontend performance - bundle size, code splitting, lazy loading, image optimization (Sharp), critical CSS, caching, and Web Vitals. • Contribute to build tooling - CRACO, Webpack overrides, react-cache-buster, html-critical-webpack- plugin, and the Express-based static server. • Instrument and monitor frontend health using Sentry, Google Tag Manager (GTM) , and Web Vitals. • Participate in architecture discussions around SSR/SSG, micro-frontends, edge rendering, caching, and cloud-native deployments as we evolve the platform. • Conduct code reviews, mentor junior developers, and contribute to engineering best practices and developer experience (DX). • Participate in Agile sprint planning, technical estimations, CI/CD (Azure Pipelines), and continuous delivery practices. Required Technical Skills Frontend Engineering • Strong expertise in JavaScript (ES6+), React.js (16.8+ / Hooks), and modern frontend patterns; hands-on experience with React 18 is strongly preferred. • Solid grasp of React internals - hooks, Context, refs, memoization, reconciliation, and common performance pitfalls. • Strong knowledge of HTML5, CSS3, SCSS/Sass, responsive design, accessibility, and cross-browser compatibility. • Experience with at least one UI/component library - PrimeReact, Bootstrap, MUI, Ant Design, Chakra, or similar. • Experience with CSS-in-JS ( Emotion / styled-components) and theming. • Experience with client-side routing using React Router (v5/v6). • Experience building reusable UI component libraries and scalable frontend architectures. • Comfortable working in large, evolving codebases; able to refactor as you build. APIs & Backend Integration • Strong understanding of REST APIs, WebSockets , real-time data flows, and authentication patterns (OAuth 2.0 / Google OAuth). • Experience integrating frontend applications with Node.js / Express.js and BaaS platforms like Firebase and Supabase. • Familiarity with GraphQL is a plus.

AI-Assisted Engineering • Practical experience with AI-assisted coding tools such as GitHub Copilot, Cursor, Claude Code, ChatGPT, Codex, Windsurf , or similar. • Understanding of agentic coding workflows, AI-assisted debugging, automated code generation, and engineering automation. Performance, DevOps & Testing • Experience optimizing Core Web Vitals , Lighthouse scores, rendering performance, and JS bundle size. • Familiarity with observability tooling - Sentry , Grafana, Datadog, OpenTelemetry, or GTM/Web Vitals. • Strong Git / GitHub workflow skills - branching, pull requests, code reviews. • Experience with CI/CD pipelines (Azure Pipelines, GitHub Actions, Jenkins) and cloud platforms (AWS, Azure, Firebase, Vercel, Cloudflare). • Hands-on testing experience with Jest and React Testing Library ; familiarity with Cypress, Playwright, or Vitest is a plus. • Familiarity with code-quality tooling - ESLint (Airbnb), Prettier, Husky, lint-staged. Good To Have Skills • Experience building Progressive Web Apps - Workbox , service workers, manifests, offline support, install/update flows. • Hands-on experience with TypeScript (the platform is JS-first today; TS adoption is a direction we're exploring). • Experience with Next.js, SSR, SSG, ISR, or edge rendering. • Experience with Tailwind CSS or other utility-first styling systems. • Experience with data-viz / charting libraries (Chart.js, Lightweight Charts , D3, Highcharts). • Experience with i18n at scale using i18next or similar. • Experience with media-heavy UIs (Video.js, Swiper, Lottie). • Familiarity with TanStack Query, Zustand, Redux Toolkit, or modern state management libraries. • Experience building AI-powered or LLM-integrated product features. • Exposure to serverless architectures, edge computing, or micro-frontends. • Understanding of frontend security best practices (XSS, CSRF, CSP, secure auth flows). • Experience working in product-led SaaS or consumer-grade product environments.

Soft Skills • Strong ownership mindset and product-oriented thinking. • Excellent debugging and problem-solving capabilities. • Strong communication and collaboration skills across product, design, backend, and QA. • Ability to adapt quickly to evolving technologies and AI-assisted workflows. • Passion for continuous learning and engineering excellence. Why Join CoffeeWeb? • Build globally scalable products transforming the international coffee industry. • Work with modern frontend technologies (React 18 PWA, real-time data, charting, i18n), AI-assisted engineering workflows, and scalable cloud-native architectures. • Collaborate with experienced engineers, product leaders, and domain experts with 20+ years of industry expertise. • High-ownership environment with meaningful technical impact on a live, global product. • Be part of a fast-moving product engineering culture focused on innovation, quality, and scalability. Apply Now at