Full-Stack Engineer (Front-End Focus)

As a Full-Stack Engineer with Front-End Focus at Syarah, your primary responsibilities include developing responsive interfaces using React and Tailwind CSS, collaborating closely with UX/UI teams to create pixel-perfect designs from Figma, and implementing modern state management solutions like Redux. You will also engage in code reviews, write clean and maintainable code, and monitor web performance metrics to ensure optimal user experience.

To qualify for the Full-Stack Engineer role at Syarah, candidates should have at least four years of experience in front-end development with a strong understanding of CS fundamentals. Familiarity with React, Tailwind CSS, and animation libraries, as well as experience in translating designs into implementable code, is essential. Candidates should also have a grasp of accessibility standards and a commitment to UI performance.

A Full-Stack Engineer at Syarah should be proficient in React, Tailwind CSS, modern JavaScript frameworks, and state management solutions like Redux or Zustand. Additionally, you should have experience working with REST APIs or GraphQL, and understand the principles of responsive design and accessibility standards.

Syarah promotes a positive work culture by emphasizing core values such as Tolerance, Transparency, Respect, Integrity, and Positivity. We believe in supporting our team members through flexible working hours, encouraging collaboration, and recognizing each other's contributions towards our mission of enhancing the car-buying experience.

A Full-Stack Engineer at Syarah can expect competitive salary packages, flexible working hours, and medical insurance. Beyond monetary benefits, you’ll enjoy a friendly and respectful workplace culture that values each team member's input, allowing for personal and professional growth.

In a Full-Stack Engineer role focused on front-end development, challenges may include ensuring cross-browser compatibility and accessibility while balancing performance and aesthetic design. It's essential to prioritize user experience and maintain clean code, which can be tricky when integrating new features.

Responsive design is crucial for a Full-Stack Engineer as it ensures that web applications function seamlessly across various devices and screen sizes. This contributes to a positive user experience, which is vital for customer satisfaction and retention in a digital car-buying platform like Syarah.

Integrating Figma designs into development involves converting the visual elements into code using HTML, CSS, and libraries like React. It’s essential to maintain fidelity with the original design, ensuring pixel-perfect implementations while also optimizing for performance and usability.

I have extensive experience with state management solutions such as Redux and Zustand. I use them to manage application state effectively, particularly in large-scale applications where data consistency is critical. By structuring the state properly, I can ensure that the UI reflects the latest data while enhancing performance.

To improve web performance metrics like Core Web Vitals, I focus on optimizing images, minimizing render-blocking JavaScript and CSS, and implementing lazy loading for resources. I also monitor these metrics using tools like Lighthouse and improve loading times by refining the overall architecture of the application.

Ensuring accessibility involves following the Web Content Accessibility Guidelines (WCAG) and regularly testing my code with accessibility tools like axe-core. I prioritize semantic HTML, manage focus states properly, and ensure that all interactive elements are accessible via keyboard navigation.

My approach to testing front-end code includes writing unit tests with Jest and conducting integration and end-to-end tests using Cypress or Playwright. Regular code reviews and static analysis using tools like ESLint help maintain code quality and ensure that best practices are followed consistently.

In my experience with full-stack development, I have worked closely with both REST APIs and GraphQL. I prioritize creating efficient endpoints that facilitate smooth communication between the front-end and back-end and ensure proper data handling and error management.

For CI/CD in front-end development, I implement automated testing pipelines that run tests on every pull request. I also use tools like Webpack and Vite for bundling and ensuring that code is deployed efficiently, allowing for quick feedback and iterative improvements.

What excites me about working as a Full-Stack Engineer at Syarah is the opportunity to innovate in the automotive industry and create impactful user experiences. Being part of a dynamic team that values growth and collaboration aligns perfectly with my professional goals and aspirations.