Publication
Creating Server-side Rendered Vue.js Apps Using Nuxt.js
https://www.toptal.com/vue-js/server-side-rendered-vue-js-using-nuxt-js
Ben is available for hire
Hire BenBen Jones
Verified Expert in Engineering
Front-end Developer
Location
Cardiff, United Kingdom
Toptal 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.
Portfolio
PolicyFly, Inc.
JavaScript, ECMAScript (ES6), Vue 2, Webpack, CSS3, Axios, Vuetify, Docker, Vue...
ARS Type (via Toptal)
Ruby on Rails (RoR), Angular
Everwill (via Toptal)
MacOS, Visual Basic for Applications (VBA)
Experience
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%.
Work Experience
Vue Front-end Developer
2018 - 2024
PolicyFly, Inc.
- Rebuilt a Vue application to introduce tooling that helped the company scale, such as introducing TypeScript and unit testing.
- Organized and worked directly on developing almost all main features of the website.
- Converted a large-scale application from Vue 2 to Vue 3.
Technologies: JavaScript, ECMAScript (ES6), Vue 2, Webpack, CSS3, Axios, Vuetify, Docker, Vue, Vite
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
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-nnA 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.
Skills
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, Vite
Platforms
Docker, MacOS, Visual Studio Code (VS Code)
Education
2017 - 2017
MongoDB Certified Developer (Associate Level) in MongoDB Developer
MongoDB University - MongoDB
2016 - 2017
Certificate in Data Visualization
FreeCodeCamp - Online
2016 - 2017
Certificate in Front-end Web Development
FreeCodeCamp - Online
Certifications
JUNE 2017 - PRESENT
MongoDB Certified Developer
MongoDB Certification Program
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