Xan is available for hire
Hire XanXan Torres Martin
Verified Expert in Engineering
HTML5 Developer
Deryneia, Famagusta, Cyprus
Toptal member since July 20, 2017
Bio
Xan is a software developer with over a decade of programming experience—four years in the tourism business and a variety of other sectors like finance. In his career, he's worked on projects of all sizes. Xan is extremely focused on code quality. He is self-taught and eager to learn and take advantage of new technologies.
Portfolio
MVP TECH LIMITED
CSS, React, Next.js, TypeScript, SCSS, React Native, Zustand, Responsive UI...
Gotphoto (Freelance)
Next.js, TypeScript, Tailwind CSS, Jest, Responsive UI, Figma, GraphQL...
FeatherShark, LLC
React, Redux, Material UI, Django, SaaS, TypeScript, Vite, Zod, React Hook Form...
Experience
- HTML5 - 9 years
- REST - 8 years
- React - 7 years
- TypeScript - 7 years
- Node.js - 4 years
- Redux - 4 years
- Next.js - 3 years
- React Query - 1 year
Preferred Environment
Git, Visual Studio Code (VS Code), Linux, Windows, Cursor AI
The most amazing...
...thing I've coded is a fully featured hotel management suite as a single-page app to manage hotels, including availability, prices, bookings, and providers.
Work Experience
Senior Front-end Developer
2025 - 2025
MVP TECH LIMITED
- Led the end-to-end development and rollout of major features in a sports prediction game platform, significantly enhancing user engagement and retention across both desktop and mobile.
- Rebuilt and optimized key modules using React, Next.js, and TypeScript, improving performance and maintainability while reducing load times and re-renders through advanced rendering strategies.
- Designed and implemented a scalable, fully localized game calendar system with responsive filters, improving user experience and accessibility for a global audience.
- Architected and implemented the complete front-end experience for the Sprints game, including real-time timeline-based transitions, dynamic UI elements, animations, and leaderboard integration.
Technologies: CSS, React, Next.js, TypeScript, SCSS, React Native, Zustand, Responsive UI, Responsive Web Design (RWD), Mobile First, Startups, Figma, Cursor AI, React Query, Lottie, RESTFul APIs, OpenAI, Claude, Component-based Development, ChatGPT, Chatbots, Claude Code, Agentic AI, AI Agents, Claude API, Front-end Development, AI Tools, AI Automation, Docker, API Integration, Agentic Coding, Artificial Intelligence (AI), Firebase, Integrations, Agile, Conversational AI, Large Language Models (LLMs), Testing
Senior Front-end Developer
2024 - 2024
Gotphoto (Freelance)
- Migrated over 90% of a legacy CakePHP application to Next.js and TypeScript, significantly improving load times and reducing bundle size.
- Designed and implemented 30+ reusable UI components using Tailwind, standardizing design and reducing development time for new features by 40%.
- Integrated GraphQL to replace REST endpoints, decreasing average API payload size, and improving front-end performance.
- Built a comprehensive test suite using Jest and React Testing Library, increasing test coverage from 20% to 85%.
Technologies: Next.js, TypeScript, Tailwind CSS, Jest, Responsive UI, Figma, GraphQL, React Query, React Testing Library, Cypress, Component-based Development, Front-end Development, AI Tools, AI Automation, API Integration, Agentic Coding, Integrations, Agile, Google Cloud Platform (GCP), Conversational AI, Large Language Models (LLMs), Artificial Intelligence (AI), Testing, Data Integrity, Vercel, Database Architecture, Claude, ChatGPT, Agentic AI
Expert React Developer
2023 - 2024
FeatherShark, LLC
- Led the front-end development for CodeFinal, a specialized fire inspection software that streamlines inspection processes for fire safety professionals.
- Developed a responsive, visually consistent interface using Material UI components and Material UI icons, ensuring the application remained accessible and visually appealing across all device sizes.
- Used React Router for client-side routing and React Helmet Async for improved SEO and metadata management, essential for applications with dynamic content needs.
- Implemented robust state management with Redux Toolkit and Redux Persist to ensure seamless state persistence, even through application reloads. This resulted in a smoother user experience, especially in complex data-driven workflows.
- Integrated the Dnd-kit library for drag-and-drop features, allowing for a dynamic, interactive UI that meets modern usability standards in inspection management.
- Leveraged Vite as the build tool for faster development and build times, improving overall developer experience and application performance. Optimized loading and bundling processes to reduce application load times.
- Implemented Biome as a streamlined, efficient alternative to ESLint and Prettier, combining linting and formatting in a single tool. This choice simplified development, eliminated multiple configurations, and offered a faster, lightweight solution.
Technologies: React, Redux, Material UI, Django, SaaS, TypeScript, Vite, Zod, React Hook Form, Python, Artificial Intelligence (AI), React Redux, Visual Studio Code (VS Code), Responsive UI, Responsive Web Design (RWD), Minimum Viable Product (MVP), Startups, RESTFul APIs, OpenAI, Large Language Models (LLMs), AI Integration, PostgreSQL, OpenAI API, Component-based Development, Front-end Development, AI Tools, AI Automation, Anthropic, API Integration, LLM Integration, Integrations, Agile, Payment APIs, Conversational AI, Testing, Vercel
Senior Front-end Architect
2023 - 2024
MongoDB
- Integrated Contentstack CMS for dynamic data fetching and presentation on the website.
- Crafted core website components with React and Tailwind to handle data fetched from Contentstack CMS.
- Focused on fine-tuning the Next.js front end for efficient web page rendering.
- Developed a reusable, type-safe form-handling system, reducing errors and improving user interactions.
Technologies: JavaScript, React, TypeScript, Next.js, Tailwind CSS, Front-end Architecture, Node.js, Headless CMS, Contentstack, Scrum, Visual Studio Code (VS Code), Web Accessibility, React Testing Library, Component-based Development, Content Management Systems (CMS), Front-end Development, API Integration, Artificial Intelligence (AI), Integrations, Agile, Testing, Scalability, Security, Architecture
Senior Front-end Developer
2020 - 2023
Platform9 Systems
- Implemented many UI components, including a grid used to display tabular data, sort, filter, and paginate, and a dropdown allowing users to select one or multiple options from a list of options.
- Added Redux to handle the global application, cache the server data to prevent unnecessary and redundant API requests, and used the Redux-persist library to persist the data upon page refreshes.
- Wrote some classes to parse data and handle various events in the application, including making API calls, updating the store, handling errors, and displaying notifications.
- Added reselect library and created selectors, which were used to select data from the store and pass it to the React components efficiently.
- Created helper functions for working with arrays, objects, and other data types, as well as utility functions for parsing the server data, such as filtering, finding, mapping, and memoization.
- Configured Storybook and added multiple stories for many of the app's components.
- Added multiple unit tests for multiple utilities and helpers with Jest.
- Migrated build system from Webpack to Vite to optimize HRM performance and simplify configuration.
Technologies: React, JSX, Webpack, TypeScript, Redux, Jest, Reselect, Front-end, CSS, HTML, REST, JavaScript, User Interface (UI), Storybook, Regex, ECMAScript (ES6), Material UI, Headless Software, REST APIs, Unit Testing, Figma, Test-driven Development (TDD), APIs, Front-end Architecture, Vite, Functional Programming, UI Development, Visual Studio Code (VS Code), Responsive UI, Responsive Web Design (RWD), RESTFul APIs, React Testing Library, Component-based Development, Amazon Web Services (AWS), Front-end Development, Docker, API Integration, Azure, Integrations, Agile, Google Cloud Platform (GCP), Testing, Data Integrity, Scalability, Architecture
Senior Front-end Developer
2018 - 2019
Ajar
- Created a single-page application for tenant payments and property management, including all the application's components.
- Developed a custom routing layer used to generate the site routes using decorators in the views dynamically.
- Architected all the front-end codebase, including custom Redux-rematch model creators, to efficiently implement new features like pages and additional modules.
- Implemented a testing infrastructure using React-testing-library.
- Provided sporadic support and development of the React Native version of the app.
Technologies: React Native, Sass, Reselect, Redux, React, JSX, JavaScript, CSS, HTML, User Interface (UI), User Experience (UX), REST, CSS3, Front-end, Storybook, Regex, ECMAScript (ES6), Headless Software, REST APIs, Unit Testing, APIs, Front-end Architecture, Functional Programming, UI Development, Visual Studio Code (VS Code), Responsive UI, Minimum Viable Product (MVP), Startups, RESTFul APIs, PostgreSQL, Component-based Development, Front-end Development, API Integration, Integrations, Payment APIs, Google Maps API, Supabase
Freelance Front-end Developer
2017 - 2018
VPGame
- Used the Atomic Design principles to organize the app's components and pages.
- Implemented the configuration, internationalization, routing and navigation, and Webpack optimizations.
- Created many of the app's React-based components, pages, and stories.
Technologies: Webpack, HTML5, CSS, Redux, React, JSX, JavaScript, HTML, User Interface (UI), User Experience (UX), REST, CSS3, Front-end, Storybook, Firefox, ECMAScript (ES6), Headless Software, REST APIs, APIs, Front-end Architecture, Functional Programming, UI Development, Visual Studio Code (VS Code), Responsive UI, Responsive Web Design (RWD), Startups, RESTFul APIs, Component-based Development, Front-end Development, Agile
Full-stack Developer | Freelance
2017 - 2017
Taralite
- Developed a single-page application for lender management using React, Redux, and Ant Design.
- Configured Storybook and created all the components used by the application.
- Built a small mock data server with Node.js to test the different views of the application offline without the need for a real API.
- Followed the Block, Element, Modifier (BEM) methodology and adapted the app for four different types of resolutions from phone to widescreen.
- Promoted the use of scalable font sizes with the designers to be able to use REM measures, made the app appear proportional across the different resolutions, and made it easier to maintain.
Technologies: Webpack, HTML5, Redux, React, JSX, JavaScript, CSS, HTML, User Interface (UI), User Experience (UX), Full-stack, REST, CSS3, Front-end, ECMAScript (ES6), Headless Software, REST APIs, APIs, Full-stack Development, Front-end Architecture, Functional Programming, UI Development, Visual Studio Code (VS Code), Responsive Web Design (RWD), Minimum Viable Product (MVP), Startups, RESTFul APIs, Component-based Development, Front-end Development, Back-end, Database Architecture
Front-end Developer
2016 - 2017
Adaptive Consulting
- Implemented a framework using React Storybook to properly develop and test React components to be used by our main app.
- Developed the pages of the main client application using real-time data and auto-updating the UI.
- Built a class to handle decimal data functionally.
- Carried out the migration from Karma to Jest in our app module to improve our test performance.
Technologies: Less, HTML5, Webpack, Electron, RxJS, TypeScript, React, JSX, JavaScript, CSS, HTML, User Interface (UI), User Experience (UX), REST, CSS3, Front-end, Storybook, Object-oriented Programming (OOP), Regex, Firefox, ECMAScript (ES6), Headless Software, REST APIs, Unit Testing, Test-driven Development (TDD), APIs, Functional Programming, Visual Studio Code (VS Code), Responsive UI, Responsive Web Design (RWD), Web Accessibility, Real-time Data, WebStorm, RESTFul APIs, Component-based Development, Front-end Development, Integrations, Agile, Financial Markets, Trading, Fintech, Testing, Real-time Systems, Scalability, Security
Full-stack Developer | Tech Lead
2012 - 2016
Hotusa Group
- Led a team in redesigning and developing the company's main product, a hotel management CMS. A single-page app using Angular in the front end, Node.js and Express in the back end, and MySQL and MongoDB as the database engines.
- Created the main framework, defined the architecture and base components, assessed and recruited new developers, guided and taught them, delegated responsibilities, and made decisions.
- Built a custom framework in PHP to handle multiple requests, including availability, reservations, and connectivity with external providers, such as Trivago, TripAdvisor, and Booking.com.
- Redesigned and developed a new availability and booking process for our engine fully. Used the new PHP framework on the back-end side and Backbone on the front end. The system is being used by more than 2,000 internal hotels and external clients.
- Created the additional services system for the booking engine using PHP and an XML OTA-standard API. Almost 80% of our client hotels use these services to supplement their reservations and improve their customers' experience.
- Developed a SQL query sender utility to query multiple hotel databases simultaneously safely in jQuery and using a PHP proxy.
- Created an XML and JSON sender utility to mimic requests sent by external providers like TripAdvisor and Booking.com to our hotels and correctly tested them.
Technologies: Less, HTML5, Backbone.js, PHP, MySQL, MongoDB, AngularJS, Express.js, Node.js, JavaScript, CSS, HTML, User Interface (UI), SQL, Full-stack, REST, CSS3, Front-end, Object-oriented Programming (OOP), Regex, Model View Controller (MVC), Firefox, ECMAScript (ES6), Headless Software, REST APIs, NoSQL, APIs, MERN Stack, Full-stack Development, Front-end Architecture, WebStorm, RESTFul APIs, Content Management Systems (CMS), Back-end, Technical Leadership, Integrations, Payment APIs, Architecture, Database Architecture
Web Developer
2010 - 2015
Freelance Clients
- Developed CMS to create small and medium-sized websites in PHP and Backbone quickly.
- Created small websites for businesses like yacht chartering, hotels, and light-sign retailers.
- Updated existing websites, mainly hotels, to improve performance and add new features.
Technologies: Backbone.js, jQuery, Laravel, PHP, JavaScript, CSS, HTML, User Interface (UI), User Experience (UX), UI Design, CSS3, Front-end, Regex, Model View Controller (MVC), Firefox, APIs, Full-stack Development, eCommerce, Front-end Development, Back-end, Web Development, Database Architecture
Web Developer
2011 - 2011
Jmes1
- Developed the paying platform system for a client with jQuery and PHP.
- Developed a responsive website with early technologies using jQuery and plain JavaScript.
- Improved the CMS that was used to handle more than 40 client websites in PHP and CakePHP framework by fixing bugs, adding new functionalities, and improving the overall performance.
Technologies: jQuery, JavaScript, PHP, CSS, HTML, User Interface (UI), User Experience (UX), CSS3, Front-end, Object-oriented Programming (OOP), Regex, Model View Controller (MVC), Firefox, APIs, Full-stack Development, Web Development
Full-stack Developer
2010 - 2010
Euti Software
- Fixed bugs and improved the performance of the main product, a tachograph manager in VB.NET.
- Improved and added some features to the web page of the company.
- Created and maintained client websites in PHP, JavaScript, and jQuery.
Technologies: PHP, Visual Basic .NET (VB.NET), JavaScript, CSS, HTML, User Interface (UI), User Experience (UX), SQL, Full-stack, Front-end, Object-oriented Programming (OOP), Model View Controller (MVC), Firefox, APIs, Full-stack Development, Web Development
Web Developer
2009 - 2010
Icare.net
- Created and managed dynamic websites for small- and medium-sized companies in France, Belgium, and Spain.
- Wrote some scripts in PHP to improve significantly and boost the creation of new small websites, allowing one to create a new, fully functional website for a small business in a day.
- Improved the CMS used by the client websites. Implemented performance fixes and image size reduction and added a categorization system for the sections.
Technologies: MySQL, JavaScript, PHP, CSS, HTML, User Experience (UX), SQL, Full-stack, UI Design, CSS3, Front-end, Object-oriented Programming (OOP), Model View Controller (MVC), Firefox, APIs, eCommerce, Web Development
Experience
Synergy
http://www.roomleader.comA hotel management suite that allows the clients to manage everything related to their hotels, including rooms, rates, availability, bookings, and connectivity with external providers.
I led a team of developers for re-designing and developing the app, a single-page application (SPA) using Angular in the front end, Node.js and Express in the back end, and MySQL and MongoDB as the database engines.
I created the main framework, defined the architecture and base components, delegated responsibilities, took decisions, and assessed, recruited, guided, and taught new developers.
I led a team of developers for re-designing and developing the app, a single-page application (SPA) using Angular in the front end, Node.js and Express in the back end, and MySQL and MongoDB as the database engines.
I created the main framework, defined the architecture and base components, delegated responsibilities, took decisions, and assessed, recruited, guided, and taught new developers.
CTMS | Adaptive Consulting
An advanced software solution to manage the logistics involved in the movement of commodities worldwide, from the purchase until the ware gets to its destination.
I implemented some tools and pages of the main application using real-time data and auto-updating the UI.
I implemented some tools and pages of the main application using real-time data and auto-updating the UI.
Datacograf
http://www.tacografo-digital.net/Software for managing a truck's digital tachographs. Fixed bugs and improved the performance of the app engine in VB .NET. Also improved and added some features to enhance the user experience and usability of the application.
CodeFinal
https://www.feathershark.com/codefinal-fire-inspection-software/I led the front-end development for CodeFinal, a specialized software for fire safety inspections designed to streamline workflows for fire inspectors and safety professionals. CodeFinal combines intuitive design with robust functionalities tailored to the industry’s unique requirements.
Education
2006 - 2008
High Technical Certificate in Computer Engineering
Institut Montilivi - Girona, Spain
Skills
Libraries/APIs
Reselect, React, Lodash, jQuery, Backbone.js, REST APIs, React Hook Form, React Query, Immutable.js, Ramda, Node.js, React Redux, React Testing Library, Claude API, Socket.IO, RxJS, Zod, OpenAI API, Google Maps API
Tools
Sublime Text 3, WebStorm, JSX, Figma, Claude, ChatGPT, Claude Code, Webpack 2, Git, Webpack, Bitbucket, TeamCity, Redux Toolkit
Languages
HTML5, CSS, PHP, TypeScript, JavaScript 6, JavaScript, Regex, HTML, CSS3, ECMAScript (ES6), Sass, Less, C#.NET, SQL, Python, GraphQL, Visual Basic .NET (VB.NET), VB.NET, SCSS
Frameworks
Redux, Express.js, Tailwind CSS, Next.js, Laravel, Jest, Material UI, Electron, AngularJS, React Native, tRPC, Django, Cypress
Paradigms
Object-oriented Programming (OOP), Model View Controller (MVC), REST, Responsive Web Design (RWD), Component-based Development, Agile, Testing, Agile Software Development, Inversion of Control (IoC), Functional Programming, Unit Testing, Test-driven Development (TDD), UI Design, Scrum, Real-time Systems
Platforms
Windows, Visual Studio Code (VS Code), Linux, Firefox, Amazon Web Services (AWS), Firebase, Google Cloud Platform (GCP), Vercel, Docker, Contentstack, Azure
Storage
MySQL, MongoDB, Memcached, Microsoft SQL Server, NoSQL, PostgreSQL, Database Architecture
Other
User Interface (UI), Full-stack, Front-end, Headless Software, APIs, Full-stack Development, UI Development, Zustand, Responsive UI, Startups, RESTFul APIs, Agentic AI, Front-end Development, Anthropic, Web Development, Integrations, GitFlow, User Experience (UX), Vite, Storybook, MERN Stack, Front-end Architecture, Headless CMS, Artificial Intelligence (AI), Cursor AI, Mobile First, Web Accessibility, Minimum Viable Product (MVP), Real-time Data, Lottie, OpenAI, Large Language Models (LLMs), AI Integration, Chatbots, AI Agents, AI Tools, AI Automation, API Integration, Back-end, Agentic Coding, Technical Leadership, Conversational AI, Data Integrity, Scalability, Security, Architecture, SaaS, eCommerce, Content Management Systems (CMS), LLM Integration, Payment APIs, Financial Markets, Trading, Fintech, Supabase
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring