UI Lead- ReactJS

Introduction to the company

Inncircles Technologies is a problem-solving company. With powerful data management capabilities and AI-driven algorithms, we have developed a construction management platform named Inncircles Arena, a one-stop solution for managing any construction project.

Inncircles Arena can help construction industry owners, builders, general contractors, and specialist contractors to improve construction management operations efficiency and project management. The application runs on a cloud-based platform and offers a complete range of tools to gather field data through a user-friendly interface and mobile applications.

Due to the software's modern, user-friendly design, users can access project information from any location through mobile and web applications. Collaboration tools are integrated into each feature to facilitate effective coordination and ensure all teams are on the same page.

With highly configurable features, products, solutions, and services, we aim to make digital transformation easier and more simplified for construction companies.

Why should you join our team?

●    100% growth with diverse experience working with international clients

●    Exposure across media & digital channels

●    Dynamic learning curve across Global Landscape

●    A part of a young team, ready to experiment together

Who you are:

A tech enthusiast with a knack for front-end developer. You’re eager to dive into code and bring ideas to life. You think in Angular components with a passion for crafting intuitive user interfaces. You thrive in a fast-paced startup environment and have a passion for building things from scratch, continuously optimising for performance, and ensuring scalability. Skilled in building responsive and engaging web and mobile applications and thrive on solving complex problems and delivering pixel-perfect experiences.

What You’ll Do:

●    Front-End Development: Write clean, efficient, and maintainable code.

●    Responsive Design: Create web experiences that adapt to any screen size.

●    User Experience: Design user interfaces that are both beautiful and functional.

●    Performance Optimization: Ensure lightning-fast application performance keeping SEO as-out most priority.

●    End-to-End Development: Own features from brainstorming to deployment—handling everything on front-end performance.

●    Optimise and Scale: Ensure that our platform is high-performing, scalable, and future-proof. You’ll be part of laying the groundwork for big, exciting growth.

●    Collaborate & Conquer: Work closely with our design, product, and automation features into our platform, pushing the boundaries of what tech can do in construction.

●    Agile Development: Collaborate with cross-functional teams to deliver high-quality products.

Tech Stack:

●    Frontend: Angular for web, React / NextJs  will be an add on.

●    Backend: Node.js, Express/Fastify (Optional)

●    Database: MongoDB

What You Bring:

●    Angular wizardry—you know your way around components, services, and everything in between.

●    User Interface Design: Experience in creating intuitive and visually appealing user interfaces.

●    Responsive Design: Ability to build responsive websites that adapt to different screen sizes.

●    Testing and Debugging: Strong problem-solving and debugging skills.

●    Agile Methodology: Understanding of agile development principles and practices.

●    Code Quality Focus—whether it's writing tests or reviewing pull requests, you're all about clean, maintainable code.

●    Experience with Git, CI/CD, and working in an agile, fast-paced team.

Bonus Points For:

●    Experience in Backend or a curiosity about machine learning’s potential in web and mobile apps.

●    Familiarity with MongoDb and modern Database.

●    Familiarity with React/NextJs

Why Work With Us:

●    Impact: Be part of a mission-driven startup solving real-world problems in a trillion-dollar industry.

●    Innovation: Collaborate with a forward-thinking team to build AI-powered, scalable tools from the ground up.

●    Growth: We’re a fast-growing startup, so your career can skyrocket here. Bring your ideas, and we’ll give you the space to make them happen.

●    Culture: A collaborative, tech-driven, and fun work environment that values creativity, ownership, and growth.

Our Philosophy:

●    Team > Individual.

○    1 + 1 = 3

●    Velocity (speed+direction) is of the essence.

○    Luck doesn’t favor the bold. But swift.

●    Learn fast. Fail fast.

○    We are happy to experiment as long as we learn from each other.

●    Ch (calm) aos.

○    Become the calm within the chaos.

●    No ceiling. No speed limit.

○    Performance trumps age, grade, and, in some cases, experience.

●    Achieve diligence

○    Cross-check and be persistent in everything you do, read, and believe

●    Build owner mindset

○    Act as owner and work with urgency to make a business impact

●    Lead with empathy

○    Little emotional intelligence goes a long

Behaviors we will track:

Behaviors will account for 40% of performance, while goals contribute to 60%

ALL FOR ONE

We get to the goal together - inspiring, sharing, and creating as a team. We solve problems for all rather than serving our immediate team, group, or function. 

●    Builds strong relationships with peers and cross-functionally to enable higher performance

●    Motivates and can influence others, including those over whom you have no direct authority

●    Builds highly effective cross-functional team

AGILE & ACCOUNTABLE

We move swiftly with diligence taking accountability for our work. We seek to streamline and eliminate unnecessary obstacles. We act quickly, not allowing the pace to be captive of perfection. Every delay has a remarkable impact deferred for our customers.

●    Raises the bar and is never satisfied with the status quo

●    Seeks to simplify and achieve velocity in all tasks

●    Steps up and takes leadership to own toughest challenges.

●    Delivers the highest quality work in the least time

DECIDE SMART & SURE

We make tough decisions when necessary to ensure our focus on priorities and outcomes. Attuned to opportunity, we make intelligent decisions, adapting to create the best outcomes. We deal comfortably with ambiguity, uncertainty, and risk. 

●    Deals comfortable with ambiguity, uncertainty & risk

●    Makes high-quality decisions in less-than-perfect info

●    Delivers business results while positioning us for success in the future

EXPERIMENT & SCALE

Undaunted by failure, we accept what doesn’t work, learn from it, and get on to what does. We collaborate while asking “why” to achieve more than we thought was possible. We build robust processes from the learnings of our small-scale experiments and scale when needed. 

●    Learns fast, grasps the essence, and can change course quickly where indicated

●    Questions relentlessly with endless curiosity

●    Builds basic functionalities first, pressure testing and learning from them before scaling 

We are seeking a Frontend Engineer who can expand our product portfolio and make life easier for locals and local businesses. As part of this role, you will build experiences that help users engage and feel comfortable with the products and services we offer.

We need you to understand Angular, Vanilla JS, HTML and (S)CSS.
We need you to understand the philosophy of writing clean and modular code.
We need you to take your own stand and do what's right to find a solution.
"I'd rather listen to a possible solution rather than a 'don\'t know'" would be plausible to you.

Technologies mentioned above is what you can relate to while applying but that's just the tip of the iceberg.

If you get a score of 10 below,
We need you

You need at least 5 points to proceed to next round.

Answer the following questions by attaching a document link with the note:

1. Why choose ngRx over shared angular services? 1 point

2. How are fork join and merge map different? 1 point

3. How do we wrap html elements in our custom component? 2 points
   Ex:

This is not a paragraph element

1. How will you handle an error produced by RxJS operator's inner observables without failing any other observables that are yet to emit values to its subscriber, so that all the inner observables including errored ones can be piped to another RxJS operator such as fork join, concatMap etc to be handled smoothly for further operations?

Easiest thing would be to generate a pseudo code.

With above question solve this problem:

[Observables....] -> Emit values simultaneously from the array of observables at once (perform a task when an observable finishes) -> toArray -> [emitted values...] -> process each emitted value one by one -> toArray

This will give you 4 points

1. How does javascript achieve its asynchronous nature being single threaded? 2 points

Who are we?  

Whatfix is the #1 Digital Adoption Platform (DAP) for Enterprises. We are disrupting the way Learning, Training and Application Support content is consumed. We provide large enterprises with a SaaS platform that helps accelerate product adoption and reduce support & training efforts by providing contextual and step by step guidance inside any web application at the exact time a task is being performed. The product has redefined the way companies onboard, train, and provide support to users. 

What sets us apart from the rest?

With over 100 of the Fortune 500 companies already onboard as customers, Whatfix has been named among the top 20 B2B tech companies alongside the likes of Adobe, PayPal, and Cisco.

With a YoY growth of 300%, we have also been recognized among the top 50 fastest growing SaaS companies worldwide in the SaaS 1000 list and as a Market Leader by Gartner in the Digital Adoption space. 

We are pleased to have an Employee rating of 4.6 on https://www.glassdoor.co.in/Reviews/Whatfix-Reviews-E1016569.htm" target="_blank">Glassdoor and our Customer obsession can be seen in our reviews on platforms like https://www.g2.com/products/whatfix/reviews" target="_blank">G2 Crowd & https://www.gartner.com/reviews/market/customer-communications-management-software/vendor/whatfix/product/whatfix" target="_blank">Gartner Peer Insights.

The employees are happy, the customers are happy, but what about the investors? Take a look for yourself - http://www.sequoiacap.com/" target="_blank">Sequoia Capital || http://www.stellarisvp.com/whatfix-what-we-learnt-from-series-a-to-series-b-in-a-saas-business/" target="_blank">Stellaris || https://blogs.cisco.com/innovation/tomorrows-customer-experience-why-cisco-invested-in-whatfix" target="_blank">Cisco || https://eightroads.com/en/news/our-investment-in-whatfix" target="_blank">Eight Roads || http://www.helionvc.com/blog/we-are-pleased-collaborate-whatfix.html" target="_blank">Helion Ventures

“Hustle Mode ON” is something we live by.

Our Team:

The Engineering team at Whatfix provides end-to-end engineering throughput that forms part of core platforms and services that drive Whatfix's business.

Our team is responsible for creating the Customer Platform and everything around it - be it Analytics, Infrastructure, or Core Algorithms. The team owns and is responsible for all pieces that we design, build and support end to end for Whatfix product/ business.

Our product is built around a core of JAVA with enterprise businesses using the Whatfix system. On a monthly basis, millions of interactive guides are processed. Building, testing, and deploying to any of our environments are as simple as pushing a commit to a git branch. We like to keep our technology up-to-date. All of the technology is built and maintained by this small development team, so from day 1, the software you write will be used by people from all over the world.  

RESPONSIBILITIES:

• Design and develop highly scalable, reliable, and fault-tolerant systems for one of the world’s fastest-growing startups
• Work with business to define requirements
• Perform technical design and hands-on coding for development and enhancement efforts
• Develop new user-facing features
• Building 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
• Promote best practices in design and coding
• Conduct design and code reviews
• Understand the customer needs & implement
• Articulate complex problems communicating viable architecture and design approaches in a clear and concise manner
• Enhance the agile SDLC within the Development Team through new learning, continued growth, and applying industry best practices and processes
• Occasionally participate in customer demos & provide inputs wherever required
• Keep optimizing & automating mundane tasks

You'll be a core member of the team.

Individual growth is important to us. We schedule time every week to explore an interest or learn something new. Team members have also used it to do everything from learning new algorithms to playing with the new framework, to exploring what the new analytics layer could be used for. We also take some time each day to discuss what we're working on, and even pair programs to teach each other about parts of the codebase. There's no risk of stagnation in this job, you would still be hands-on after a few years.

REQUIREMENTS:

We are looking for a Front-End Engineer to help us scale and go deep on our technical capabilities.

• 4 -12 years of professional front-end development experience
• Hands-on experience with Front end technologies - JavaScript, Typescript, HTML, CSS
• Experience with React Ecosystem (React Router, Styled-components, Server-side rendering, Context API, React Hooks) is strongly preferred
• Experience with state management libraries such as Redux is a huge plus.
• Proficient understanding of cross-browser compatibility issues and ways to work around such issues
• Experience in backend programming languages such as Java is strongly preferred 
• Experience in building Web applications using frameworks like Spring, Microservice architecture
• Work experience, preferably from internet companies, products, or startups
• Expertise in design principles and their application
• Strong verbal and written communication skills
• Fast Learner & a Team Player

We are an equal opportunity employer and value diversity at our company. We do not discriminate on the basis of race, religion, color, national origin, gender, sexual orientation, age, marital status, veteran status, or disability status.

Key responsibilities: We are seeking a highly motivated and experienced Frontend Developer with a strong focus on React JS. In this role, you will be responsible for developing and implementing user-friendly, high-performance web applications. You will be working closely with our team of designers, developers, and project managers to ensure the successful delivery of high-quality digital products.

Responsibilities:

Develop new user-facing features using React JS

Build reusable components and libraries for future use

Collaborate with design and development teams to ensure the technical feasibility of UI/UX designs

Optimize applications for maximum speed and scalability

Write clean, maintainable, and efficient code

Stay up-to-date with emerging trends and technologies in frontend development

Participate in code reviews and contribute to the improvement of development processes

Communicate effectively with team members to ensure the timely completion of projects

Troubleshoot and debug issues that arise in production environments

Bachelor's degree in Computer Science or a related field

At least 3 years of experience in frontend development, with a strong focus on React JS

Proficient in HTML, CSS, and JavaScript

Familiarity with Git and Agile development methodologies

Experience with RESTful APIs and integration with backend systems

Strong problem-solving skills and attention to detail

Excellent written and verbal communication skills

Ability to work independently and as part of a team

Portfolio of previous work demonstrating proficiency in React JS

This is a full-time position with competitive salary and benefits. If you have a passion for frontend development and are highly skilled in React JS, we encourage you to apply for this exciting opportunity to join our team.

• Develop new user -facing features
• Build reusable code and libraries for future use
• Ensure the technical feasibility of UI/UX designs
• Optimize application for maximum speed and scalability
• Assure that all user input is validated before submitting to back-end
• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Developing and implementing highly responsive user interface components using react concepts.
• Writing application interface codes using JavaScript following react.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.

• Bachelor’s degree in computer science, information technology, or a similar field.
• Minimum 2 years 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, Web pack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Knowledge of performance testing frameworks including Mocha and Jest.
• Experience with browser-based debugging and performance testing software.
• Excellent troubleshooting skills.
• Good project management skills.
  
  About Haber
  At HABER, we are solving the challenges of tomorrow, today. We are bringing together the best minds in process, engineering, computing and chemistry to develop solutions to address some of the world’s toughest challenges – water and energy scarcity and sustainability. Over the past few years there has been an explosion in unstructured data across industry driven by affordable sensing technologies and adoption of analytical instrumentation. This sudden increase in data has resulted in industries spending significant amounts of time collecting, organizing and analysing content and very little time driving value with the data. HABER is focused on reversing this trend by helping our customers spend less time collecting and analysing data and more time using HABER’s platform to drive efficiency, identify issues before they happen and uncover hidden potential. Follow us on Twitter @haber_tech or LinkedIn at linkedin.com/company/haber-technologies or visit us at haberwater.com/careers
  
   

• Building of user-facing elements and Integration
• Writing reusable, testable, and efficient code
• Design and implementation of low-latency, high-availability, and real time applications
• Architecting applications and strategizing them to be scalable for traffic.
• Identifying and working on new innovations which can relate to any kind of technology

• 2-3 years of experience with JavaScript, JQuery, Node.js
• Understanding the nature of asynchronous programming and its quirks and workarounds
• Good understanding of front-end technologies, such as HTML5, CSS3, SASS
• Understanding fundamental design principles behind a scalable application
• Understanding differences between multiple delivery platforms, such as mobile vs. desktop, and optimizing output to match the specific platform
• Creating database schemas that represent and support business processes
• Implementing unit tests
• Proficient understanding of code versioning tools, such as Git