Front-end Developer
2017 - 2019ARS 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), AngularMS Word Developer
2018 - 2018Everwill (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 - 2018MJCZone, 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, VueSales Administrator
2010 - 2016Espex 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 - 2008Signbox 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
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
Portfolio
- ARS Type (via Toptal)Ruby on Rails (RoR), Angular
- Everwill (via Toptal)MacOS, Visual Basic for Applications (VBA)
- MJCZone, Inc. (via Toptal)Node.js, Vuex, Nuxt.js, Vuetify, Vue
Experience
- Vue 4 years
- Node.js 3 years
- Express.js 2 years
- Vuetify 2 years
- TypeScript 2 years
- MongoDB 2 years
- Angular 2 years
Availability
Part-time
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%.
Employment
Experience
- 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)https://github.com/BenShelton/node-nn
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.
Skills
Languages
TypeScript, ECMAScript (ES6), SCSS, HTML5, CSS3, Visual Basic for Applications (VBA), Sass, JavaScript, SQL, HTMLFrameworks
Vuetify, Nuxt.js, Express.js, React Native, AngularJS, Redux, Angular, Ruby on Rails (RoR), BootstrapLibraries/APIs
Vue 2, Vuex, REST APIs, Vue, Node.js, Socket.IO, React, jQuery, D3.jsTools
Bitbucket, GitLab, Sage 50, Git, GitHub, Webpack, Mongoose, CADStorage
MongoDB, MySQL, PostgreSQLOther
Axios, HTTP, Semantic VersioningPlatforms
Docker, MacOS, Visual Studio Code (VS Code)
Education
- MongoDB Certified Developer (Associate Level) in MongoDB Developer2017 - 2017MongoDB University - MongoDB
- Certificate in Data Visualization2016 - 2017FreeCodeCamp - Online
- Certificate in Front-end Web Development2016 - 2017FreeCodeCamp - Online
Certifications
- MongoDB Certified DeveloperJUNE 2017 - PRESENTMongoDB Certification Program
