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: hr@coffeeweb.com

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 were

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 hr@coffeeweb.com