Frontend Developer

Job Title: Associate Frontend Engineer

Job Summary:

We are looking for a passionate and motivated Associate Frontend Engineer with 1 to 2 years of experience to join our product engineering team. In this role, you will work closely with experienced developers and designers to build seamless, performant, and user-friendly interfaces using modern JavaScript frameworks. You’ll gain hands-on experience in building production-ready web applications and learn how to deliver high-quality UI at scale.

This opportunity is ideal for individuals who are early in their careers and eager to grow through real-world development, mentorship, and continuous learning.

Website: https://www.thealteroffice.com/about

Key Responsibilities:

• Assist in developing and maintaining responsive, accessible, and performant web user interfaces.
• Work with modern JavaScript frameworks/libraries such as React, Vue, or Angular to build modular, reusable components.
• Translate UI/UX designs from tools like Figma into pixel-perfect, production-quality code.
• Write clean, maintainable, and well-documented HTML, CSS, and JavaScript (ES6+).
• Collaborate with product managers, backend engineers, and designers to deliver complete, integrated features.
• Learn and apply best practices in state management, component-driven development, and API integration.
• Participate in code reviews, understand and follow design systems, and contribute to a culture of code quality.
• Debug and resolve cross-browser, cross-device, and performance-related UI issues.
• Use tools such as Git, CI/CD pipelines, and frontend build tools (e.g., Webpack, Vite) as part of your daily workflow.
• Begin working with TypeScript, Tailwind CSS, and popular UI libraries (e.g., Material UI, Bootstrap) to enhance development efficiency and consistency.
• Follow accessibility guidelines and responsive design principles, ensuring your UI works for all users.
• Gain exposure to linting tools, formatters, testing libraries (unit/integration/e2e), and performance profiling using browser dev tools.

Requirements:

• 1 to 2 years of experience in frontend development through internships, academic projects, freelance work, or personal side projects.
• Solid understanding of HTML, CSS, and JavaScript (ES6+) fundamentals.
• Familiarity with at least one modern JavaScript framework (React, Vue, Angular).
• Understanding of version control systems like Git and ability to collaborate in a team-oriented development workflow.
• Willingness to learn and apply best practices in UI performance, security, accessibility, and maintainability.
• Strong problem-solving abilities, attention to detail, and eagerness to grow through mentorship and feedback.
• Effective communication skills and ability to work in a fast-paced, agile team environment.

Responsibilities:

● Develop and maintain front-end dependencies/codebase.

● Building responsive and elegant mobile & desktop web applications

● Good to have experience of one or more relevant languages (Python, Ruby, Node.js etc.)

● Work closely with the product manager, designer & development team to collaborate to develop the best in class web applications.

● Optimisation of the website as per industry trends.

● Evaluate competitive and innovative products and design approaches to identify best practices and encourage innovation.

Skills:

● Hands on experience in JavaScript / TypeScript

● Experience in modern web development technologies and techniques, including HTML5, CSS3.

● Experience in any of the frameworks: ReactJs/ Angular / VueJs.

● Experience in translating design mockups and prototypes into frontend applications.

● Experience in effective componentization/abstraction during design translation.

● Experience in effective state management strategies like redux and hooks to scale application better.

● Understands how to optimize the delivery of code and assets (e.g., images, fonts) to a browser or device (e.g.,lazy loading assets, using CDNs caching, compression, etc)

● Understands how to be efficient with resource usage (e.g., application impact on memory and CPU, caches as needed, respectful of customer's device limits etc).

● Good understanding and hands on with PWA (AMP is good to have).

● Good knowledge of version control systems.

● Good understanding of any of the following frontend frameworks, bootstrap, material-UI, semantic-UI.

● Ability to provide deliverables within specified deadlines with a quality bar.

● Excellent communication skills, both written and verbal

● Highly motivated, self-driven, self-learner

● Experience in flutter is good to have.

• Proven at least 2 to 3 years of work experience as a Front-end developer
• Hands-on experience with markup languages
• Experience with JavaScript,Next.Js and Tailwind is a must
• Familiarity with browser testing and debugging
• In-depth understanding of the entire web development process (design, development and deployment)
• Understanding of layout aesthetics
• Excellent analytical and multitasking skills
• Engineering Graduates preferred

Technical Skills: (must have)

• Excellent Angular 5+, NodeJS, Typescript programming skills

• Strong HTML/HTML5/JavaScript skills
• Sound understanding of MVC, MVVM, JSON, and data binding

• Hands-on experience with implementing Angular best practices (e.g. project structure, module organisation, naming convention, etc.)

• Hands-on experience with Web APIs (e.g. HTTP protocols, AJAX and REST)

• Hands-on experience of using browser events and various data types like arrays and objects, JSON, forms, closures and modules, including the use of debugging tools

• Hands-on with CSS3 and sound understanding of cross browser inconsistencies and responsive frameworks

• Experience in integrating with third party JavaScript libraries and frameworks like jQuery

• Experience with Templating

Additional Skills: (nice to have)

• Knowledge of standard authentication systems such as OAuth2, JWT and SSO

• Knowledge of WebSockets is an added advantage
• Experience with version controlling tools e.g. Git
• Experience with developing browser extensions

PRINCIPAL ACCOUNTABILITIES
Key accountability of Sr.FED will be to plan, develop, maintain and optimise codebase for web app and browser extensions of MyLOFT.

• Planning and Development
• Design Planning of the functional App in coordination with software development team
• Develop and Deliver front-end applications and browser extensions
• Develop and Integrate custom modules and components with functional app
• Writing tested, idiomatic, and documented JavaScript, HTML, and CSS
• Integrate existing template or pure HTML in angular
• Work closely with HTML developer and UI designer to deliver pixel perfect dynamic Frontend UI

• Work closely with back-end team to build and integrate REST API
• Integration with external web services e.g. Google APIs
• Testing and Maintenance
• Follow best practices for testing and maintenance to ensure that codebase is executable, readable and easy to maintain

• Ensure that security and versioning of the codebase is maintained
• Write and maintain technical documentation for ready reference
• Post Launch Optimisation
• Periodically participate in code review and refactoring to improve app performance
• Participate in user feedback sessions to identify and understand user requirements
• Beta/Marketability Tests (for POCs)
• Coordinate with development team to evaluate technical feasibility of new requirements
• Build prototypes/POCs
• Actively participate in relevant technical forums
• Participate in training and knowledge sharing initiatives

Requirements : 

a) CSS / Bootstrap : Flex Layout/ability to demonstrate the cascading nature of CSS clearly with example/Positioning.

b) Pure JavaScript: Prototype chain and inner workings of inheritance in JS. Understood DOM, Events, Event Bubbling, and Capturing/ ability to demonstrate it with example/ Promises and their use cases.

c) TypeScript: Basic understanding of using TS. Union Types, Index Signatures,

d) REST: Backend experience. REST principles, URL structures for APIs. integration using native JS (fetch and Promises) and in Angular. use cases of getting vs POST vs PUT vs PATCH.

e) Angular :  Abstractions of Angular Component, Service, Pipe, Directive, Module, Lifecycles. Knew advanced patterns as well Dynamic Components, Content Projection, Reactive Forms, ViewChild, ContentChild. Understood Observables and various operators demonstration of Design Skills ability to create the component and module hierarchy for a moderately complex application, along with their interactions