Full-Stack Engineer (Frontend Focus)

We are seeking a Full Stack Engineer with a strong focus on frontend development to join our team at xMap. The ideal candidate should have experience in HTML, CSS, JavaScript, React, and Node.js and be proficient in modern frontend technologies like Next.js, Nest.js, and GraphQL. The candidate should also be aware of cloud technologies and have experience working with GIS and mapping tools like Mapbox.

We are seeking a Full Stack Engineer with a strong focus on frontend development to join our team at xMap. The ideal candidate should have experience in HTML, CSS, JavaScript, React, and Node.js and be proficient in modern frontend technologies like Next.js, Nest.js, and GraphQL. The candidate should also be aware of cloud technologies and have experience working with GIS and mapping tools like Mapbox.

The engineer will be responsible for developing and maintaining xMap’s products and services, ensuring efficient, clean  code, and collaborating closely with Technical Project Managers (TPMs), stakeholders, and UI/UX designers to deliver exceptional user experiences.

Key Responsibilities

  • Develop and maintain frontend applications using React, Next.js, and modern JavaScript frameworks.
  • Work on full-stack development using Node.js and Nest.js where needed.
  • Design and implement GraphQL APIs for efficient data fetching.
  • Optimize frontend performance to ensure fast, responsive, and scalable applications.
  • Work with Mapbox and GIS technologies to enhance mapping functionalities within xMap’s products.
  • Collaborate with TPMs, stakeholders, and UI/UX designers to translate business needs into intuitive and user-friendly interfaces.
  • Ensure high-quality code, adherence to best practices, and zero-tolerance for critical bugs.
  • Implement unit tests, integration tests, and end-to-end testing to maintain software reliability.
  • Maintain documentation and best practices for frontend development.

Qualifications & Experience

  • 5+ years of experience in frontend or full-stack development.
  • Proficiency in HTML, CSS, JavaScript (ES6+), React, and Node.js.
  • Experience with Next.js, Nest.js, and GraphQL.
  • Familiarity with cloud services (AWS, GCP, or Azure) and DevOps practices.
  • Strong understanding of frontend performance optimization and accessibility.
  • Prior experience working with Mapbox or other GIS tools is highly preferable.
  • Strong problem-solving skills and ability to work independently in a remote environment.
  • Excellent communication skills and ability to collaborate effectively with cross-functional teams.

Skills & Competencies

  • Frontend Technologies: React, Next.js, JavaScript (ES6+), TypeScript, Tailwind CSS, Material UI.
  • Backend Technologies: Node.js, Nest.js, GraphQL, REST APIs.
  • GIS & Mapping: Experience with Mapbox, Leaflet.js, or other mapping tools.
  • Cloud & DevOps: AWS/GCP, CI/CD, Docker, Kubernetes (nice to have).
  • Testing & Quality Assurance: Jest, Cypress, unit/integration testing.
  • Collaboration & Communication: Ability to work with TPMs, UI/UX designers, and stakeholders to align on project goals.

Application Process

Interested candidates should submit their resume, cover letter, and portfolio of relevant work to hr@xmap.ai.Applications will be reviewed on a rolling basis, and shortlisted candidates will be contacted for interviews.Join us at xMap and help shape the future of GIS and mapping technologies with cutting-edge frontend development!

Apply for this Job

Upload your resume

Thank you! We've received your submission.
Oops! Something went wrong. Please try again.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

2. content. For static content, just drop it into any page

3. and begin editing. For dynamic content, add a rich tex

t field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.