Fred Shepherd
Verified Expert in Engineering
Front-end Developer
Fred is a talented software engineer expert at navigating highly complex systems where version control and seamless operation on multiple devices is critical. He delivered a microservice cloud platform and embedded server to act as an intermediate back end for the next generation of consoles, designed a file syncing service running on the 2020 generation of Midas Consoles, and played a key role in the creation of a React component library used in multiple applications across the client company.
Portfolio
Experience
Availability
Preferred Environment
Slack, Visual Studio Code (VS Code), MacOS
The most amazing...
...project I've delivered was the "Google Drive style" system for the world's first-ever pro audio Midas Console with file-sync.
Work Experience
Senior Front-end Engineer
Backpack
- Developed a new system for converting real-world utility bill data into a format suitable for ENERGY STAR submission and then submitting/syncing this information via the ENERGY STAR API.
- Created two new rollup dashboard pages to give users an overview of their portfolios. The volume of data in these instances required that we establish new methods of retrieving/caching data, which I helped oversee.
- Established several new coding patterns for the team to improve code quality and maintainability, including a custom useAsync hook (before React Query existed) and Tailwind CSS.
- Made substantial performance enhancements across the app, using react-virtualized, Redux, React Final Form, and other tools.
Senior Front-end Engineer
Bractlet
- Helped improve existing best practices and implement new strategies and coding patterns.
- Managed a rapidly growing team as the company significantly increased in size.
- Played a key role in extending the company's existing set of user interfaces, working closely with those responsible for UX and design.
- Oversaw the rapid development and launch of several new features, leading to some great feedback from clients.
Software Engineer
Midas Audio Systems
- Designed and implemented a file syncing service running on the 2020 generation of Midas Consoles. This was very challenging as it had to handle version control as well as conflicts from changes on multiple devices.
- Played a key role in creating a React component library used in multiple applications across the company. This was a useful insight for writing highly generic components and deploying without npm (since the project was not open-source).
- Oversaw the development of our main client-facing web application (cloud.midasconsoles.com) built in React. This was an extensive React project with features comparable to Google Drive.
Junior Software Engineer
Midas Audio Systems
- Assisted in building the foundations of a large-scale microservice cloud system. Seeing this project develop from its humble beginnings was truly valuable, clarifying what errors to avoid in the future.
- Developed a web app to receive and display real-time logging information using AngularJS. This included the use of Socket.IO and the implementation of real-time filtering and search features.
- Developed several internal tools for desktop (cross-platform) using Electron.js. This led to tremendous productivity boosts in other parts of the company as we were able to streamline everything from build processes to ACL management.
Experience
Thirty Plants
http://thirtyplants.appThe web and mobile front ends can share large amounts of code through the use of React Native for Web and other libraries.
I also implemented full end-to-end type safety using Prisma, Zod, and tRPC, creating a system where run-time errors are essentially impossible and new development can be extremely fast.
Skills
Languages
TypeScript, JavaScript, CSS, HTML, Go, CSS3, HTML5, C++
Frameworks
Tailwind CSS, Next.js, Redux, Electron, Jest, Angular, React Native
Libraries/APIs
React, Node.js, Three.js, PostgREST, Chart.js, React Final Form, React Native for Web
Other
Front-end, Gatsby, Serverless, Design
Platforms
Vercel, Docker, Netlify, MacOS, Amazon Web Services (AWS), Visual Studio Code (VS Code)
Tools
Webpack, Sketch, Figma, Slack, Flow, Expo
Storage
MongoDB
Industry Expertise
Web Design
Education
Master's Degree in Physics and Astrophysics
University of Manchester - Manchester, United Kingdom
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring