Xan Torres Martin, Developer in Deryneia, Famagusta, Cyprus
Xan is available for hire
Hire Xan

Xan Torres Martin

Verified Expert  in Engineering

Software Developer

Deryneia, Famagusta, Cyprus

Toptal member since July 20, 2017

Expertise
UI DevelopmentFront-endWindows DevelopmentJavaScriptCSSHTML5PHPMySQLREST APIReact.jsTypeScriptjQueryRedux
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

FeatherShark, LLC
React, Redux, Material UI, Django, SaaS, TypeScript, Vite, Zod, React Hook Form...
MongoDB
JavaScript, React, TypeScript, Next.js, Tailwind CSS, Front-end Architecture...
Platform9 Systems
React, JSX, Webpack, TypeScript, Redux, Jest, Reselect, Front-end, CSS, HTML...

Experience

  • JavaScript - 14 years
  • HTML5 - 8 years
  • REST - 7 years
  • TypeScript - 6 years
  • React - 6 years
  • React Redux - 4 years
  • Node.js - 3 years
  • Webpack 2 - 1 year

Availability

Part-time

Preferred Environment

Bitbucket, Git, Visual Studio Code (VS Code), WebStorm, Linux, Windows

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

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)

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.
Technologies: JavaScript, React, TypeScript, Next.js, Tailwind CSS, Front-end Architecture, Node.js, Headless CMS

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

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

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

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

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

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

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

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

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

Experience

Synergy

http://www.roomleader.com
A 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.

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.

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, Immutable.js, Ramda, Node.js, React Redux, Socket.IO, RxJS, Zod, React Hook Form

Tools

Sublime Text 3, WebStorm, JSX, Webpack 2, Git, Webpack, Bitbucket, Figma, TeamCity, Redux Toolkit

Languages

HTML5, CSS, PHP, TypeScript, JavaScript 6, JavaScript, Regex, HTML, CSS3, ECMAScript (ES6), Sass, Less, C#.NET, SQL, Visual Basic .NET (VB.NET), VB.NET, Python

Frameworks

Redux, Express.js, Laravel, Jest, Material UI, Next.js, Electron, AngularJS, React Native, Tailwind CSS, tRPC, Django

Paradigms

Object-oriented Programming (OOP), Model View Controller (MVC), REST, Agile Software Development, Inversion of Control, Functional Programming, Unit Testing, Test-driven Development (TDD), UI Design

Platforms

Windows, Linux, Visual Studio Code (VS Code), Firefox, Docker

Storage

MySQL, MongoDB, Memcached, Microsoft SQL Server, NoSQL

Other

User Interface (UI), Front-end, Headless Software, APIs, UI Development, GitFlow, User Experience (UX), Full-stack, Vite, Storybook, MERN Stack, Full-stack Development, Front-end Architecture, Headless CMS, SaaS, Artificial Intelligence (AI)

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