React.js / Frontend Engineer (Mid Level) (Barpeta)

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.
- Robust 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 Apply on Kit Job: kitjob.in/job/4mu4f5