Frontend Developer

About us:

Codewalla is a New York–based product studio with engineering teams in India. Since 2005, we’ve built innovative products that scale. We work at the intersection of design, engineering, and AI developing systems shaped by real business needs and tested in the real world. Our team moves fast, thinks deeply, and cares about pushing what software can do to empower people and businesses.

Role Overview:

We are seeking a highly skilled and detail-oriented Front-End Developer with expertise in React, Next.js, and TypeScript to join our growing development team. In this role, you will be responsible for building and optimizing high-performance, modular user interfaces for modern e-commerce and web applications. You will work closely with designers, backend developers, and QA to implement responsive, accessible, and scalable front-end solutions.

The ideal candidate has strong experience with custom Next.js configurations, deep understanding of JavaScript ES6+, and practical knowledge of API integration using tools like GraphQL Playground, GraphiQL, and Postman. You should be passionate about clean coding practices, performance tuning, and cross-browser consistency, with hands-on experience using SCSS, Tailwind CSS. Familiarity with Magento headless architecture is a plus..

What will you be working on?

1. Front-End Architecture & Frameworks

• Build responsive, modular, and accessible UIs using React /Next.js.
• Develop using TypeScript and ES6+ standards, implementing reusable components and efficient state management.
• Work with custom Next.js configurations including routing, middleware, SSR (Server-Side Rendering), and SSG (Static Site Generation).
• Implement project-specific logic using App Router and dynamic routes.
• Understand Node.js fundamentals to support universal JavaScript applications.
• Utilize npm (or yarn) for dependency management and scripting custom build commands.

2. Styling & UI Design

• Build scalable and maintainable UI architecture using SCSS and Tailwind CSS.
• Design pixel-perfect and mobile-first layouts, ensuring cross-browser and cross-device consistency.
• Customize Tailwind config to match design system and branding needs.
• Ensure accessibility compliance using semantic HTML and ARIA roles.

3. JavaScript (ES6+) & TypeScript Expertise

• Deep understanding of ES6+ features including let/const, arrow functions, promises, async/await, destructuring, spread/rest, template literals, and default/rest parameters.
• Use advanced functions such as map, filter, reduce, forEach, every, some, find, and flatMap effectively.
• Leverage TypeScript types.
• Maintain code quality through modular programming.

4. API Testing & Tooling

• Use GraphQL Playground/Postman and GraphiQL for exploring GraphQL schemas.
• Build and test reusable GraphQL fragments, variables, and nested queries in frontend integration.

5. Performance Optimization & Testing

• Improve Core Web Vitals (LCP, FID, CLS) using lazy loading, code splitting, and image optimization.
• Configure Next.js for performance tuning via custom middleware, image optimization, and static asset management.
• Use BrowserStack for cross-browser testing and debugging.
• Track and fix UI regressions proactively through QA feedback.
• Understand Webpack for custom frontend build pipelines.
• Support version control and collaboration using git and Bitbucket workflows.
• Participate in Agile ceremonies.

What should you have?

• 4+ years of front-end development experience in the E-commerce domain using React and Next.js.
• Solid knowledge of JavaScript (ES6+), TypeScript, HTML5, CSS3, and SCSS.
• Able to work with Tailwind and SCSS.
• Experience configuring Webpack, and Next.js middleware, Knowledge of node, npm.
• Strong collaboration and communication skills.
• Bonus: Experience with Figma or other design tools for developer handoff.
• Bonus: Magento PWA with Next js experience.

Why work at Codewalla?

• Build for scale: Work on products that get investor love and scale to global audiences
• Be part of AI-native product development: Integrate AI tools into how we design, build, and ship
• Global exposure: Directly collaborate with US-based startups, VCs, and product teams
• Learn fast: Small, elite teams with zero bureaucracy and high ownership
• See your impact: Every decision you make will shape user experience and business outcomes