Web UI Developer

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. 

What You'll Do:

• You will collaborate with a UX/UI designer and other frontend and middle-tier engineers to design, prototype, and build complex cloud-based web applications.
• You will assist other developers with the integration of UI components with backend logic, interface implementation, and troubleshooting.
• Supporting the existing UI is a must, however, there will be plenty of opportunities to create solutions for advanced functionality while making improvements to existing areas of the application, as well as with new features.

What Makes You A Great Fit :

• Hands-on experience with HTML, CSS frameworks, and JavaScript
• Must have an excellent understanding of the browser DOM.
• Firm grasp of lexical scoping, closures, and OO JavaScript.
• Proficient in native JavaScript as well as one or more frameworks/libraries such as jQuery, Ext JS, Backbone.js, ReactJS, Angular 6 and above, etc.
• Proficient with debugging and testing tools to troubleshoot and optimize the UI.
• Understanding of frontend security best practices and XSS, CSRF, e

Job description:- 

• Strong experience of Angular 2+ and above along with other technologies like HTML5, CSS, jQuery, AJAX with good knowledge of ECMA Scripts.
• Strong knowledge of JS Fundamentals.
• Design & development of Angular applications as per desired specifications, along with experience in frameworks/libraries like jQuery, Bootstrap, Typescript etc.
• Architecture design, development, testing and maintenance of Web Apps, Implementation based on Angular Application MVC Patterns.
• Own end to end product modules/features (from the requirement to going live)- Design & code review, troubleshoot & help team members on issues.
• Gather requirements by interacting directly with the end-users.
• Research on open source framework/technology required for developing the feature/application.

• Develop User interfaces for Modern Rich Internet Applications with the latest Front End Technologies
• Perform product analysis and development tasks of an increasingly complex nature which may require extensive research and analysis.
• Writing tested and documented JavaScript, HTML and CSS
• Make design and technical decisions for AngularJS projects.
• Develop application code and unit test in the AngularJS, Rest Web Services and Java technologies for the Application Development Center. 
• Ensuring high performance

• Strong expertise with HTML, CSS, and writicross-browser-compatibleble code.
• Good understanding of AJAX and JavaScript Dom manipulation Techniques
• Experience with RESTful services
• Experience in JavaScript build tools like grunt or gulp
• Expert in any one of the modern JavaScript MV-VM/MVC frameworks (AngularJS, JQuery, NodeJS, GruntJS)
• Familiar with testing frameworks (Ex. Jasmine)
• Test runner framework (Ex. Karma)
• Hand on and implements complex AngularJS applications, directives, controllers, services
• Critical thinker and problem-solving skills
• Team player
• Good time-management skills
• Great interpersonal and communication skills

• Develop new user-facing features
• Build reusable code and libraries for future use
• Ensure the technical feasibility of UI/UX designs
• Optimize applications for maximum speed and scalability
• Assure that all user input is validated before submitting to back-end services
• Collaborate with other team members and stakeholders

• Strong understanding of JavaScript, its quirks, and workarounds
• Basic understanding of web markup, including HTML5 and CSS3
• Good understanding and the knowledge of advanced JavaScript libraries and frameworks such as AngularJS, KnockoutJS, BackboneJS, ReactJS, DurandalJS etc.
• Good understanding of asynchronous request handling, partial page updates, and AJAX
• Proficient understanding of cross-browser compatibility issues and ways to work around such issues
• Familiarity with JavaScript module loaders, such as Require.js and AMD
• Familiarity with front-end build tools, such as Grunt and Gulp.js
• Proficient understanding of code versioning tools, such as Git
• Good understanding of browser rendering behavior and performance

• Great skills in HTML, CSS, JavaScript and cross browser implementations.
• Strong analytical and problem-solving skills.
• Experience and knowledge about React.js and Next.js
• Strong understanding of how SSR (Server Side Rendering) works.
• Taking figma/zepline files from designers, slicing and/or recreating elements via CSS to match the design perfectly
• Ability to make modifications to libraries as per requirement of a project
• Extensive knowledge of fonts, embedding from third parties like Google, Typekit & Font Deck etc. Knowledge of optimizing CSS/JavaScript performance, coding practices and tools.
• Passion and follow through for their work. Excited and curious about learning new technology, as well as the sharing of ideas. Exceptional collaboration, listening, written, and verbal communication. Able to own individual projects as well as the ability to work within a team.
• Awareness of current design trends in the visual arts, working knowledge of the latest computer packages and an understanding time limits which can impact on the design.
• Knowledge of GIT or any other version control software.

• Good experience on Next.js, with great css skills.
• Should also know the latest strategies available on Next.js v12.

At Quantela, we’re revolutionizing the way cities are operated and managed. We are making autonomous cities a reality, where citizens will lead a better quality of life by experiencing the power of real time connected urban infrastructure. We are an Artificial Intelligence based software company and a leader in the global Smart Cities and Communities market. We are focused on the intelligence behind every city – our platform optimizes urban infrastructure through data-driven recommendations and automation of standard operating procedures.

Our customers include cities, communities, ports, airports, universities, roads, utilities, campuses, etc. Many industry-leading technology companies, urban operators, and system integrators utilize our platform to deliver tangible outcomes to their customers.

About the role

Quantela is seeking UI Architect who is proficient in design and development of web based front end applications for enterprises.

Qualifications:

• Should have sound understanding of Object-Oriented JavaScript & Typescript concepts and Debugging skills.
• Should have strong Implementation & architectural design skill of BOTH client-side and Server-side NodeJS/JavaScript (and related frameworks) based application
• Should build reusable code and libraries for future use
• Should have working experience on Angular (Preferably at least 3+ year experience in Angular 5 and above versions), HTML5, CSS3.
• Should be able to recommend appropriate UI frameworks and controls, design and develop web applications based upon a set of requirements
• Responsible for setting coding standards using best practices/principles and ensuring its adherence
• Good understanding of UI best practices, RESTful services, Accessibility WCAG 2.0, etc.
• Should be able to understand security models like OWASP standards
• The selected candidate should be an evangelist, self-driven, visionary leader and mentor
• Must have excellent written and verbal communication skill and a positive attitude
• Should preferably have product development experience.

Ideal Candidate should have:

• Extensive knowledge of Object-Oriented JavaScript, TypeScript, HTML5, CSS3
• Extensive knowledge in Angular
• Hands on knowledge on ng-cli, ngrx, rxJS and schematics
• Hands-on experience in using template engines like Mustache / Handlebars/Blaze etc
• Proficiency in Clarity CSS, SASS and CSS pre-processors (SASS, LESS etc)
• Extensive knowledge in implementing responsive cross-browser user experiences
• Extensive knowledge in Ajax, and consuming RESTful web services
• Extensive knowledge in ES6
• Unit testing frameworks like Jasmine/Chai/Mocha/Karma
• Performance evaluation using Chrome dev tools etc, W3C standards
• Understanding of complete Technology Stack of application (Integrations with downstream Applications/Services, Deployment, Cloud Infrastructure & Services, CI/CD pipeline)
• Knowledge in design patterns on UI
• Good to have knowledge on Monorepo concept
• Knowledge or Should have worked on enterprise class applications
• Should have worked in Agile environment