Ben Jones, Front-end Developer in Cardiff, United Kingdom
Ben Jones

Front-end Developer in Cardiff, United Kingdom

Member since March 27, 2017
Ben is a skilled developer who always keeps the user in mind, which allows him to see how beneficial or detrimental a development process can be. He wants to create simple but effective software to reduce workload on all sides and to make employees, employers, and customers happy.
Ben is now available for hire




Cardiff, United Kingdom



Preferred Environment

Git, Visual Studio Code (VS Code), MacOS

The most amazing...

...thing I've built was a highly customized sales management program which reduced workload by up to 80%.


  • Front-end Developer

    2017 - 2019
    ARS Type (via Toptal)
    • Refactored sections of the website to use Angular for client-side rendering.
    • Created and updated pages to follow new design documents using SCSS.
    • Built components and directives to allow dynamic switching of font families.
    • Helped design and consume an API to provide a faster user experience throughout the website.
    • Integrated a custom secure payment workflow through various providers.
    Technologies: Ruby on Rails (RoR), Angular
  • MS Word Developer

    2018 - 2018
    Everwill (via Toptal)
    • Created VBA scripts to process documents created via another tool into a consistent format.
    • Ensured Mac for Office compatibility for the script using the VBE interface.
    • Created an installer for MacOS using AppleScript to provide user-friendly ribbon controls for the scripts.
    Technologies: MacOS, Visual Basic for Applications (VBA)
  • Freelance Front-end Developer

    2017 - 2018
    MJCZone, Inc. (via Toptal)
    • Set up a server-side rendered Vue app using Nuxt.
    • Added material design using Vuetify.
    • Created an event management system using Vue.
    • Created a public-facing event viewer including registration forms with generated field types based on admin requirements when creating events.
    • Used Vuex to manage global application state and Axios for API requests.
    • Built a plugin based on Sortable.js for drag-n-drop field sorting.
    • Assisted in building a plugin/middleware to dynamically generate breadcrumbs throughout the site that work with Nuxt SSR, can fetch and store data such as an event name using async/await, and can be translated using i18n locales.
    Technologies: Node.js, Vuex, Nuxt.js, Vuetify, Vue
  • Sales Administrator

    2010 - 2016
    Espex Batteries
    • Created a warehouse organization tool to track item movement.
    • Built a sales processing program which integrated with Microsoft Office.
    • Used web APIs in order to create and track shipping orders.
    • Integrated programs with Sage 50 using Sage ADO.
    • Oversaw quality control of the whole company.
    Technologies: HTML, SQL, Visual Basic for Applications (VBA)
  • Designer

    2007 - 2008
    Signbox Graphics
    • Used CAD software to create vector images for vehicle and shop front signage.
    • Enhanced bitmap images for thermal printing.
    • Printed and assembled signage for a variety of applications.
    • Provided customer support.
    • Arranged and scheduled timescales for projects.
    Technologies: CAD


  • Territory Assistant

    An online address database and website with features such as route finding, map generation, and address uploading

  • Roguelike Dungeon Crawler

    A simple game made using React.

  • Node-NN (Node Neural Network)

    A simple neural network written in JavaScript for Node.js. I wanted to learn about the core concepts of machine learning, so I decided to build my own from scratch without using any other libraries. This was a tough project to go into without any previous knowledge, but after a lot of research and plenty of trial and error, I finally created a working example.

  • CodePen Profile

    Most small examples of my front-end design work are hosted on CodePen.

  • Creating Server-side Rendered Vue.js Apps Using Nuxt.js (Publication)
    When using a JavaScript framework, your browser doesn't receive a complete page to display. Instead it gets a bunch of pieces and instructions of how to put them all together. It takes a substantial amount of time to put all this information together before your browser actually has something to display. In this article, Toptal Freelance Front-end Engineer Ben Jones introduces us to Nuxt.js, a server-side rendering library for Vue.js, inspired by the popular Next.js for React.js.


  • Languages

    TypeScript, ECMAScript (ES6), SCSS, HTML5, CSS3, Visual Basic for Applications (VBA), Sass, JavaScript, SQL, HTML
  • Frameworks

    Vuetify, Nuxt.js, Express.js, React Native, AngularJS, Redux, Angular, Ruby on Rails (RoR), Bootstrap
  • Libraries/APIs

    Vue 2, Vuex, REST APIs, Vue, Node.js, Socket.IO, React, jQuery, D3.js
  • Tools

    Bitbucket, GitLab, Sage 50, Git, GitHub, Webpack, Mongoose, CAD
  • Storage

    MongoDB, MySQL, PostgreSQL
  • Other

    Axios, HTTP, Semantic Versioning
  • Platforms

    Docker, MacOS, Visual Studio Code (VS Code)


  • MongoDB Certified Developer (Associate Level) in MongoDB Developer
    2017 - 2017
    MongoDB University - MongoDB
  • Certificate in Data Visualization
    2016 - 2017
    FreeCodeCamp - Online
  • Certificate in Front-end Web Development
    2016 - 2017
    FreeCodeCamp - Online


  • MongoDB Certified Developer
    JUNE 2017 - PRESENT
    MongoDB Certification Program

To view more profiles

Join Toptal
Share it with others