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 K.K. 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.

Work Environment & Expectations

Fully remote position, but availability during Japan Standard Time (JST) is required.
Core working hours are from 12:00 JST to 18:00 JST, with an additional 2 hours of flexible work time.
Collaboration with international teams and participation in scheduled meetings.
Maintain a high standard of quality, ensuring bug-free development and stable performance.
Engage in continuous learning and improvement in frontend development best practices.

Application ProcessInterested 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

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

Data Analysis and Visualization: Explore and analyze large datasets to identify trends, patterns, and anomalies. Create compelling visualizations to communicate findings effectively to both technical and non-technical stakeholders.

Machine Learning and Predictive Modeling: Develop and implement machine learning models for various business applications, such as customer segmentation, churn prediction, recommendation systems, and more.

Data Preprocessing and Feature Engineering: Prepare and clean data for analysis, including data transformation, dimensionality reduction, and feature engineering.

Experimentation and A/B Testing: Design and conduct experiments to test hypotheses and measure the impact of data-driven initiatives. Provide insights for continuous improvement.

Statistical Analysis: Apply statistical techniques to uncover insights and relationships within the data, ensuring the rigor of the analysis.

Model Evaluation and Optimization: Continuously assess the performance of machine learning models, fine-tune them, and optimize for accuracy, precision, and recall.

Collaboration and Communication: Work closely with cross-functional teams, including engineers, product managers, and business stakeholders, to understand their needs and deliver actionable insights.

Data Ethics and Privacy: Maintain a strong commitment to data ethics and privacy compliance in all data-related activities.

‍

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.

Key Responsibilities

Apply for this Job

Upload your resume

What’s a Rich Text element?

Static and dynamic content editing

How to customize formatting for each rich text