UI Developer

Job Title : Senior Front-End Product Engineer (React, Next.js, UI/UX)

Location : Remote

Department : Engineering

Reports To : CTO

Summary :

We seek a Senior Front-End Product Engineer to enhance our platform's UI/UX, focusing on the dashboard, workflow builder canvas, and marketplace.

Key Responsibilities :

• UI/UX Development : Build intuitive, scalable, and responsive interfaces using React, Next.js, Tailwind CSS.
• Workflow Builder Enhancements : Develop drag-and-drop node-based workflow management with real-time collaboration.
• Dashboard & Marketplace Optimization : Improve user visibility, seller profiles, and purchasing experiences.
• State Management : Implement efficient state handling with Zustand, XState.
• Performance Optimization : Enhance performance via lazy loading, code splitting, and server-side rendering.
• AI Integration : Leverage AI tools like Cursor.com, Copilot for enhanced UI/UX workflows.
• Collaboration : Work cross-functionally with design, product, and backend teams.

Requirements :

• 5+ Years in front-end development with strong expertise in React, Next.js, TypeScript, Tailwind CSS.
• Experience in UI/UX design, state management, and performance optimization.
• Strong knowledge of workflow automation, API integration, and real-time collaboration tools.
• Familiarity with Git, CI/CD pipelines, and AI-driven development tools.
• Excellent problem-solving and communication skills.

Why Join Us?

• Work on cutting-edge AI-powered automation products.
• Opportunity to shape the front-end architecture and UX.
• Fully remote role with a collaborative and innovative team.

About us:

Astra is a cyber security SaaS company that makes otherwise chaotic pentests a breeze with its one of a kind Pentest Platform. Astra's continuous vulnerability scanner emulates hacker behaviour to scan applications for 8300+ security tests. CTOs & CISOs love Astra because it helps them fix vulnerabilities in record time and move from DevOps to DevSecOps with Astra's CI/CD integrations.

Astra is loved by 650+ companies across the globe. In 2023 Astra uncovered 2 million+ vulnerabilities for its customers, saving customers $69M+ in potential losses due to security vulnerabilities. 

We've been awarded by the President of France Mr. François Hollande at the La French Tech program and Prime Minister of India Shri Narendra Modi at the Global Conference on Cyber Security. Loom, MamaEarth, Muthoot Finance, Canara Robeco, ScripBox etc. are a few of Astra’s customers.

Role Overview:

As an SDE I Front-End Engineer at our company, you will play a crucial role in the development of the dashboard for our SaaS security platform.

Your primary focus will be on utilising Next.js, React, TypeScript, shadcn/ui (built on Radix UI), Tailwind CSS & TanStack Query to create an intuitive and efficient dashboard that meets the evolving needs of our users.  You will have the opportunity to work alongside talented individuals, collaborating to deliver innovative solutions and pushing the boundaries of what's possible in web development. The role requires deep collaboration with the leadership, product, design, back-end and QA teams.

Join our team and contribute to the development of a cutting-edge SaaS security platform, where high-quality engineering and continuous learning are at the core of everything we do.

Key Responsibilities:

• Collaborate with product managers, product designers, and backend engineers to understand project requirements and translate them into code.
• You will research, design and code. What you create is also what you own.
• Develop consistent and user-friendly web interfaces based on Figma designs, using Next.js, React and shadcn/ui
• Utilize TypeScript for type safety and enhanced development workflows, ensuring code quality and reliability.
• Implement designs using shadcn/ui design kit (built on Radix UI) for consistent and modern UI components + utilize Tailwind CSS to style components and ensure a cohesive visual experience across the dashboard.
• Integrate Tanstack Query & Jotai for efficient data fetching and state management.
• Optimize web performance and ensure compatibility across different browsers and devices.
• Write clean, modular, and maintainable code while adhering to best practices, security and coding standards.
• Participate in code reviews, providing constructive feedback and ensuring code quality.
• Troubleshoot and debug issues pre/post production, ensuring timely resolution to minimize impact on users. Identify and correct bottlenecks and fix bugs.
• Ensuring timely delivery of the features/products
• Stay updated on emerging technologies and industry trends, incorporating them into the development process when appropriate.

Requirements

• 3+ year of work experience with Next.js (preferred) or React
• Bachelor's degree in Computer Science, Engineering, or related field (or equivalent work experience).
• Strong proficiency in Next.js and React, with demonstrable experience building web applications.
• Experience working with design systems and UI libraries, preferably shadcn/ui (built on Radix UI).
• Proficiency in CSS, particularly with Tailwind CSS, for styling and layout.
• Familiarity with state management libraries such as Tanstack Query(React Query)/Jotai.
• Familiarity with version control systems such as Git.
• Understanding of basic UX principles and what makes a great user experience
• Solid understanding of web development concepts such as HTML, JavaScript, and responsive design principles.
• Excellent problem-solving skills and attention to detail.
• Strong communication and collaboration skills, with the ability to work effectively in a remote team environment.
• Eagerness to learn and adapt to new technologies and methodologies.

Benefits

• Embrace the cosy remote work lifestyle.
• Feel the startup adrenaline pumping through your veins.
• Revel in our open, growth-centric ambiance; it's like a digital playground.
• Dive deep into the captivating world of cybersecurity.
• And yes, get ready for some unforgettable workcations—think Chikmagalur & Jim Corbett. 

DESIRED SKILLS: React.js, JavaScript, Redux, RESTful APIs, TypeScript

JOB SUMMARY
Thorough understanding of React.js and its core principles
Experience with popular React.js workflows (such as Flux or Redux)
Familiarity with newer specifications of EcmaScript
Familiarity with RESTful APIs
Knowledge of modern authorization mechanisms, such as JWT Web Token
Familiarity with modern front-end build pipelines and tools
Experience with common front-end development tools such as Babel, Webpack, NPM, etc.
Ability to understand business requirements and translate them into technical requirements
A knack for benchmarking and optimization
Familiarity with code versioning tools (such as Git, SVN, and Mercurial)
Familiarity with any ReactJS testing framework is plus

👋🏼We're Nagarro.

We are a Digital Product Engineering company that is scaling in a big way! We build products, services, and experiences that inspire, excite, and delight. We work at scale — across all devices and digital , and our people exist everywhere in the world (19000+ experts across 33 countries, to be exact). Our work culture is dynamic and non-hierarchical. We're looking for great new colleagues. That's where you come in.

REQUIREMENTS:

• Must-Have: Typescript
• Expertise in TypeScript, HTML CSS, React JS, Unit Testing, Webpack, Service Worker and Web Worker
• Knowledge of high-quality professional software engineering practices for the agile software development cycle, including coding standards, code reviews, source control management, build processes, testing, and deployment
• Fundamental knowledge of design patterns
• Passionate about building great solutions
• Mentoring the team members to meet the client's needs and holding them accountable for high standards of delivery
• Knowledge of multi-site and multi-locale sites would be preferred
• Task delivery, Task status reporting, Proactive Contribution, Process Adherence, Autonomous task delivery, Effort estimation (Strong), Technical risk handling, Technical solutions (Strong), Risk management (Strong), Technical leadership (Capable), Client interaction, Interviewer, Pre-sales support.
• Knowledge of high-quality professional software engineering practices for the agile software development cycle, including coding standards, code reviews, source control management, build processes, testing, and deployment
• Fundamental knowledge of design patterns
• Experience in communicating effectively with users, other technical teams, and management to collect requirements, describe software product features, and technical designs
• Passionate about building great solutions
• Mentoring the team members to meet the client's needs and holding them accountable for high standards of delivery
• Being able to understand and relate technology integration scenarios and be able to apply these learnings in complex troubleshooting scenarios

 RESPONSIBILITIES: 

• Writing and reviewing great-quality code
• Understanding functional requirements thoroughly and analyzing the client’s needs in the context of the project
• Envisioning the overall solution for defined functional and non-functional requirements, and being able to define technologies, patterns and frameworks to realize it
• Determining and implementing design methodologies and toolsets
• Enabling application development by coordinating requirements, schedules, and activities.
• Being able to lead/support UAT and production rollouts
• Creating, understanding and validating WBS and estimated effort for a given module/task, and being able to justify it
• Addressing issues promptly, responding positively to setbacks and challenges with a mindset of continuous improvement
• Giving constructive feedback to the team members and setting clear expectations.
• Helping the team in troubleshooting and resolving complex bugs
• Coming up with solutions to any issue that is raised during code/design review and being able to justify the decision taken
• Carrying out POCs to make sure that suggested designs/technologies meet the requirements

Job Description

• Experience working as a React.js Developer.
• In-depth knowledge of JavaScript, CSS, HTML, and front-end languages.
• Knowledge of REACT tools including React.js, Webpack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Experience with browser-based debugging and performance testing software.
• Excellent troubleshooting skills.
• Good project management skills.

Responsibilities 

• Convert wireframes into rich interactive prototypes. 
• Work with backend development team to integrate front end code. 
• Understand business requirements and convert into functional specifications. 
• Participate in architecture and technical level discussions and takes initiative. 
• Passion for web design and eager to learn and implement the latest trends.
• A focus on delivering high-quality code through strong testing practices
• Working on Information architecture and Designing wireframes and prototypes.

Skills Required:

• 4+ years of commercial-grade web/front-end development experience.
• Strong experience in JavaScript, ideally ES6 or ES7, Node.js, building Single Page Web Applications with modern frameworks (Angular or AngularJS, React, Vue).
• 2+ years hands on experience with frameworks like react/relay/Redux/node.
• 2+ years with JS build tools like grunt,webpack,gulp etc.
• Knowledge in ES6, Webpack is a plus.
• Experience in creating web applications with delightful user experience.
• Experience working with REST APIs.
• Experience in TDD, Writing Clean & Readable code.
• Experience in Version control - Git.
• Awareness of cross-browser compatibility issues and client-side performance considerations 
• Experience in creating responsive pages and cross-browser support.
• Ability to clearly communicate thoughts and ideas by rapid prototyping.
• Debugging skills, familiar with debugging tools of all major browsers.

Nice to Have:

• Prior experience in Fintech Startups
• Knowledge of Node.js, Express js, AWS (EC2, S3, Elasticsearch)
• Knowledge and working experience with MongoDB, NOSQL