React JS Developer

Mandate Skill - Angular, Unit Testing 

Please note we are looking for immediate joiners

Designation Offered: Engineer CL 2 – I & II (Software Engineer / Lead Engineer)

UI/UX Developer Responsibilities:

• Design, build, and maintain highly reusable Angular, JavaScript, HTML and CSS code.

• Translate user behavior and research into actionable data.

• Design and create mockups and user journeys for a wide range of devices including mobile.

• Rapid development and testing methodology.

• Ability to communicate research and design ideas to the rest of the team and upper management.

• Ability to communicate with the backend to display data in the UI

• Ability to handle graphs of different types, real-time huge data display on the web page

Position Overview

Front-End UI/UX developer with a combined skillset of application design and web programming. Responsibilities will include converting the UI designs to actual code that will produce visual elements of the application. You will be working on the UI/UX technical implementation of the application functionality.

To be successful in this role, you should have very good experience in programming and interaction with the backend. The team develops web applications, and mobile-based applications, which need to display graphs, data and images in real-time. The candidate should able to display huge data efficiently.

Experience:

• A minimum of 4 years of relevant experience in a similar role

Qualification:

• Bachelor of Engineering (BTECH / BE) or Masters (MTECH / MS / MCA ) in Computer Science / Electronics / Information Science from reputed institutions

UI/UX Developer Requirements

• Proficiency with Angular, JSP, HTML, and CSS, bootstrap.

• Knowledge of Adobe Photoshop, Illustrator, Sketch or other Graphics designing tools

• Good understanding of client-side scripting and JavaScript frameworks like jquery, Node.js, React.js, and Durandal framework.

• Proven work experience as a UI/UX developer or similar role.

• Team spirit, and strong communication skills to collaborate with various stakeholders

• Good time-management skills

• Good programming knowledge of design and development of drag and drop activities, graph components and data tables with different options in tables.

Tools

Visual Studio, Adobe Photoshop

Front-end languages:

HTML 5, CSS3, jquery, JavaScript, Angular and bootstrap.

Additional skillset

• Proficient understanding of cross-browser compatibility issues and ways to work around them.

• Good knowledge of version control tools SVN (Check-in, check-out, branching-merging policies), and automated build and release management tools is a plus.

• Strong communication skills (written, verbal), and interpersonal skills to be able to communicate effectively with all levels of staff and external clients.

• Strong analytical and problem-solving skills."

• Full stack product engineering i.e. design, engineer, test, deploy, monitor, and maintain software components to QA and Production environments
• Design & engineer product experience & APIs conforming to defined quality, maintainability, scalability, and performance KPIs
• Build, maintain, and improve continuous integration and delivery lifecycle processes
• Automation of repetitive engineering and production activities

• Engineering in computer science
• 3+ year of relevant experience in product engineering with expertise in building frameworks, reusable components, and APIs
• Expert level skills in analytical & problem solving
• Strong programming and engineering fundamentals like Data Structures,
• Design Principles, TDD, and Performance Tuning to build scalable and performance optimized product
• Ability to communicate clearly in English

• HTML5
• CSS3 (Sass/Less)
• JQuery
• JavaScript (ES6) / TypeScript
• React.js
• Version Control : Git

- Hands-on experience in developing User Interfaces (more than 4 years) using Angular 4+.

- Hands-on experience of using reactive frameworks like Redux, NgRX.

- Strong understanding of using UI testing frameworks like Jasmine, Mocha.

- Focus on building reusable components by employing Design patterns.

- Ability to remote diagnose user issues (With or without tools).

- Strong understanding of Object-oriented concepts.

- Ability to suggest alternative solutions for micro-level problems considering the environment constraints.

- Ability to diagnose development issues independently.

- Self-motivated learner.

We are building a workspace for Marketing teams - Think Webflow for Marketing teams, Grafana for Marketing teams who operate on large data sets and need a clear intuitive interface to look at all their data.

Traditionally Marketing teams have always had to depend on a large BI team to provide them with the data they need to make decisions. Clarisights eliminates this by giving Marketing teams everything they need in one intuitive, collaborative reporting platform.

We work with large enterprise Marketing teams around the world like Delivery Hero - The world's largest food delivery co., HelloFresh the world's largest mealkits delivery co. etc.

Our platform is central to how business teams make decisions and you will work on the interface that these teams use. We are helping non technical business users get comfortable with data by giving them a platform they can use to drive.

What makes this role challenging? Think Google Docs, Slides and Sheets all combined in one platform. We have a collaborative text editor which is used by teams together and we built our table grid which is extremely powerful. Tables, being one of the heaviest and most used widgets we have, have records composed of metric data(averages, share percentages, comparison data), multiple creatives(images, videos, gifs), trends(charts inside each cell) and a lot more.

The huge amount of data points naturally increases the amount of DOM nodes and thus it becomes memory heavy and CPU intensive to run the app in the browser. One table can have 500 records that the users can scroll through at once. Now imagine having 10+ of such tables in one tab, and each report comprising of multiple tabs. And we also support features like drilldowns/breakdowns, column freezing, row freezing, in the tables all while ensuring a smooth user experience.

We decided to build it from scratch using React Virtualize since most table libraries did not give us the performance or features we need. We also extensively use charts to visualize data and as we are scaling, a lot of these components have to be rebuilt to handle the volume of data we process.

We are only getting started, we want to make our platform a lot more collaborative and immersive by giving teams ability to interact with charts by adding annotations and ability to tag team members and leave notes for them. This might seem a solved problem when you look at collaboration on Google Docs but it's an extremely tricky problem for us as we don't deal with static data the way you have it with Google Docs.

Unlike read only dashboards which do not allow edits after building, our platform is meant for collaboration within teams. Think of how shitty collaboration was for design teams before Figma.

We are looking for someone who obsesses over performance and is comfortable with profiling performance, can think of frontend architecture. We are also looking for a lead who can mentor the team on performance and scale.

While working with such complex interfaces, often times, performance and the tech becomes a bottleneck for the user experience we strive for. We are looking for someone who —

• Understands fundamentals of Application Design and has designed/architected applications from scratch.
• Has worked on large-scale applications, and setup/maintained its data pipelines (data flows from backend to frontend)
• Has architected efficient and reusable front-end systems that drive complex web applications

• 3+ years of JavaScript experience, including concepts like asynchronous programming, closures, types.
• HTML/CSS experience, including concepts like layout, specificity, cross browser compatibility, and accessibility
• Experience with browser APIs and optimizing frontend performance
• Previous experience with dashboard apps, charts framework, window virtualisation
• Has written Generators for project setup
• Comfortable with tech like Postgres, Docker, Rails
• Understands tooling like Webpack, Babel

Experience with React and Typescript is preferable but not necessary.

• Understanding the data flow and familiarise oneself with the app components
• One feature/task like updating something that touches majority of the app — this is again aimed to get familiarity with the whole codebase in the quickest way
• Synchronising the data pipelines by adopting better serialisation protocols
• Creating avenues to improve app performance (by profiling and benchmarking)