CoffeeWeb.com
Website:
coffeeweb.com
Job details:
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 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 hr@coffeeweb.com
Click on Apply to know more.