UI Developer

Position Overview:

We are seeking a skilled Software Developer with a focus on Front-End Development with Strong proficiency in HTML, JavaScript, CSS, Sass, Bootstrap and modern JavaScript frameworks including ReactJS and jQuery to join our team. The successful candidate will be responsible for writing clean, efficient, and maintainable code that enhances workflow organization and automates various internal processes within the organization. The role involves continuous improvement of our software solutions to save man-hours and ensure overall organizational efficiency. Key tasks include development, testing, debugging, troubleshooting, and maintenance of both new and existing programs.

Key responsibilities:

1)    Software Development: Write clean, efficient, and maintainable code/flows that automate internal processes and improve workflow efficiency.

2)    Testing and Maintenance: Perform testing, debugging, troubleshooting, and daily maintenance of created or integrated programs.

3)    UI/UX Development and Design: Design and develop intuitive and visually appealing user interfaces in the software.

4)    Web Services Integration: Integrate UI with web services to ensure seamless functionality.

5)    Adherence to Standards: Follow preferred development methodologies and adhere to organizational development standards.

6)    Collaboration: To work closely with other team members to ensure the successful implementation of projects. Maintain clear and concise documentation of code, APIs, and software components to aid in knowledge sharing and future development.

7)    Stay Current: Keep up to date with the latest developments in the Frond end development ecosystem and engage in best practices of software engineering.

Your primary role will be the implementation of the application for either desktop or mobile devices with a focus on performance. With your understanding of AngularJS  / React JS best practices you will create modules and components with which you architect the application. You will take existing design and front-end templates and enhance them with CSS animations and implement idiomatic markup. You will team up with the back-end developers to connect to.

Responsibilities

• Building, optimising and maintaining front-end web apps
• Maintaining high performance and compatibility across platforms and devices
• Writing tested, idiomatic, and documented JavaScript, HTML and CSS
• Understanding what is needed for a smooth workflow between yourself, the front-end developers and designers
• Communicate thoroughly with the back-end department to help build a best-practice RESTful API
• Integrate external web services
• APIs using standard methods. A thorough understanding of the components of the platform is essential.   

Qualifications

• Bachelor's or Master's degree in Computer Science, Information Systems, Engineering or equivalent
• 1-3 years of experience in JS based development

Skills

• Programming Expertise In JavaScript/HTML5 / Angular JS v7+ / React JS v16, Express JS, Bootstrap.
• Hands-on Working Experience Of MVC Frameworks Like Angular.js & React.js.
• Excellent Communication Skills.
• Exposure To Sass, Grunt, Node Js.

💥 What will you do?

As a Lead Frontend Engineer, you will

• Own our frontend engineering applications for two products each of which run as independent applications which query our backend systems via REST APIs

• Act as a leader and coach within the front-end engineering team, collaborating with and mentoring senior engineers.

• Collaborate on a daily basis with a small, nimble team of product managers, engineers, and UX designers to understand business requirements and user experience goals and pain points.
• Write and review modular, reusable components and features (React.js / Vue.js) and integrate backend APIs to create a seamless front-end user experience
• Integrate third-party plugins to enhance customer experience. These include 3rd party plugins which provide customer support and analytics plugins that help improve the user experience we provide to customers.
• Actively participate in code reviews
• Work with our quality assurance team to improve coverage on our automated testing suites

🙋 What are we looking for? 

While we do not have a strict list of requirements for candidates interested in this role, some indicators that you would fit this role and our engineering culture are 

• Prior experience of a few years (3+ years) with frontend frameworks as React.js or Vue.js would be essential to work on our application stack.

• You actively promote a culture of engineering excellence some of which could be writing efficient code, use of elegant design patterns, and styling your code through code-linting policies.

• You enjoy designing software architecture by collaborating with leads to explore existing systems, determining areas of complexity, potential risks to successful implementation.

• You have an eye for pixel-perfect UI and micro-interactions.
• You enjoy coaching folks to achieve outcomes through nudges.

📢 Other information you may want to consider 

• We will be flexible for the rest of the pandemic and work remotely; however, we are not a remote-first company, and the work location would be Bangalore when things settle.
• Our frontend tech stack includes React.js, Vue.js, Netlify for CI / CD, TestCafe for UX testing, d3.js, and Regraph for visualizations.

• The candidate should have a minimum of three years of working experience. The candidate will be evaluated accordingly to their total work experience.

Expectation from the Candidate

• Deep understanding of ‘under the hood’ knowledge of Angular. i.e. in-depth knowledge of the Angular framework.

Skills and Qualifications

• Proficiency with TypeScript, and latest Angular version and HTML5
• Professional, precise communication skills
• Work experience writing Unit Tests using Jasmine and Karma
• Work experience in applying the best practices of Angular, Web Application development
• Extensive working knowledge of HTML5, CSS3, XML and JSON.
• Thorough understanding of Reactive Programming, RxJS framework, Databases, API,
• Implementing of Caching and RESTful services
• Applying a validation framework, performance tuning using Angular lazy loading concepts
• Working experience in an Agile team especially with SCRUM
• Good understanding of DevOps, CI/CD principles and practices to improve Software Quality & Efficiency

Following Skills will be an added advantage

• Work experience with JAVA (Spring Boot or Spring Cloud Services) or .NET backend
• Familiarity in working with Containers, Docker, Kubernetes, etc
• Service / API test – to test endpoints as thoroughly as possible
• End to End integration test system

Behavioral Skill

• Should be a quick learner with a problem-solving mindset
• Attention to detail and follow-through to achieve good quality
• Should have excellent written and verbal communication skills

About our organization background: http://sportsit.net/" target="_blank">http://sportsit.net/ 

SportsIT A London headquartered global technology firm specializing in working with technology firms and IT organizations in the emerging technologies such as Web 2.0, SaaS, Cloud, Open-source, BI/DW, Mobility, Automation, DevOps and Big Data. 

We work only on the Sports, Games, Betting and Gambling industry.   

Job Description: React.JS Developer role

Strong proficiency in JavaScript, including DOM manipulation and the JavaScript object model.

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.

Experience with data structure libraries (e.g., Immutable.js)

Knowledge of isomorphic React is a plus.

Familiarity with RESTful APIs.

Knowledge of modern authorization mechanisms, such as JSON 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.

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)