Julien Delort, Developer in Toronto, ON, Canada
Julien is available for hire
Hire Julien

Julien Delort

Verified Expert  in Engineering

Front-end Developer

Location
Toronto, ON, Canada
Toptal Member Since
November 4, 2020

Julien has 15 years of experience as a software engineer with a passion for building full-stack apps. He especially shines in designing and building innovative user interfaces. Julien has a deep knowledge of React and loves finding UI solutions using CSS. His experience includes a software engineer role with Amazon for three years, where he got to work on various full-stack projects, both back end and front end, and he became the "go-to" person for front-end work and advice.

Portfolio

Power
Next.js, React, Prisma, PostgreSQL, Tailwind CSS, HTML Email, Message Queues...
StubHub
TypeScript, React, UI Components, Design Systems
Pixlee TurnTo
JavaScript, Ruby on Rails 5, Backbone.js, React, APIs, Ruby on Rails (RoR)...

Experience

Availability

Part-time

Preferred Environment

JavaScript, Node.js, React, Svelte, Front-end, Next.js, TypeScript, Tailwind CSS, HTML, CSS

The most amazing...

...thing I've done was leading the modernization of the front-end stack of a SaaS company from Backbone.js to React and guiding the team on best practices.

Work Experience

Senior Full-stack Engineer

2024 - 2024
Power
  • Created a monthly email report (around 70,000 emails/month) that includes a large amount of data presented in charts (bar/pie/line charts).
  • Queried the data using Prisma/Postgres, built the email UI using React Email and Tailwind, and used BullMQ to queue emails.
  • Revamped existing system and marketing emails to be Outlook-compatible (React Email, Tailwind CSS).
  • Guided the team on the usage of React Server Components in Next.js as well as forms and server actions.
Technologies: Next.js, React, Prisma, PostgreSQL, Tailwind CSS, HTML Email, Message Queues, SendGrid API, APIs, TypeScript

Senior Front-end Engineer

2023 - 2024
StubHub
  • Redesigned existing design system components as per the design team guidelines (React).
  • Collaborated with the design team to build new React components and define requirements.
  • Built prototypes to migrate the front-end build from Webpack to Vite and esbuild.
Technologies: TypeScript, React, UI Components, Design Systems

Senior Full-stack Engineer and Tech Lead (Staff Engineer Since April 2023)

2020 - 2023
Pixlee TurnTo
  • Led the migration from Backbone.js to React and TypeScript. Advocated for this change by building multiple prototypes on my initiative to show feasibility and benefits. Set up the React stack and mentored the team on best practices.
  • Created and published an npm library to share common React code amongst projects.
  • Managed several full-stack React projects involving multiple developers and interactions with product and design teams.
  • Created and published an npm library of web components for the design system, introduced the concept to the company, and advocated for its benefits. I built the library's foundations and oversaw the components' development.
  • Modernized the technical stack within the 1st month of joining the team by supporting ES6 and Webpack and introducing front-end unit tests with Jest, improving codebase maintainability and developer experience.
  • Converted a big chunk of the codebase to TypeScript.
Technologies: JavaScript, Ruby on Rails 5, Backbone.js, React, APIs, Ruby on Rails (RoR), Full-stack, PostgreSQL, SQL, HTML, jQuery, NPM, Jest, Styled-components, React Query, Git, TypeScript, User Interface (UI), React Native, Project Management, Startups, Architecture, Web Development, CSS3, API Integration, User Experience (UX), Technical Leadership, HTML5, CI/CD Pipelines, Storybook, Web UI, Web UX, Design Systems, UI Components

Software Development Engineer II

2017 - 2020
Amazon
  • Designed and co-created the front end for a custom CRM web app, integrated within an existing portal using micro front-end principles. Developed in TypeScript, with React, Redux, and Styled Components.
  • Created a contact information management end-to-end feature (database, back end, and front end in React) for a CRM web app. It gathers existing contacts, adds and removes contacts, and tags them, like do not disturb or preferred.
  • Co-created a PR and legal approval workflow for global survey questions. Worked on a back-end serverless service using AWS Lambda, Node.js, and TypeScript and created the front end by myself using React.
Technologies: Lodash, JavaScript, AWS Lambda, Amazon DynamoDB, CSS, Redux Thunk, Node.js, Java, TypeScript, Styled-components, Redux, React, REST, APIs, REST APIs, Full-stack, Express.js, HTML, AWS SDK, Jest, Enzyme, Git, Amazon Web Services (AWS), User Interface (UI), Project Management, Architecture, Web Development, Microservices, CSS3, API Integration, User Experience (UX), Technical Leadership, HTML5, React Redux, CI/CD Pipelines, Web UI, Web UX

R&D Software Engineer

2012 - 2017
Elutions
  • Co-created from scratch a JavaScript framework to build and display dashboards based on customizable widgets (Vanilla JavaScript, CSS, HTML, C# ASP.NET MVC). Created a web WYSIWYG designer app for users to build such dashboards.
  • Created from scratch, using Vanilla JavaScript, a data-table display library with advanced features like infinite scroll, column resizing, filtering, sorting, and inline editing.
  • Trained the engineering team in France and the US on the usage of the dashboard framework, the designer tool, and the data-table library.
Technologies: JavaScript, C#.NET, ASP.NET MVC, CSS, Vanilla JS, C#, HTML, jQuery, SQL, User Interface (UI), Web Development, CSS3, User Experience (UX), Technical Leadership, HTML5, Web UI, Web UX, APIs

Software Engineer

2009 - 2012
Anaveo
  • Developed and maintained the application developed by the company (video streaming, recording, playback, motion detection, alarm management, and user profile management.) Oversaw the technical choices, architecture, and change tracking.
  • Redesigned the video playback module (WPF, C#, and DirectShow) to make it more modern and more intuitive.
  • Set up an SQL server database for the management of video recordings. Used data virtualization (WPF), which resulted in an instant search of video recordings, which previously took between tens of seconds to several minutes.
  • Designed an algorithm (C#) to precisely manage recording disk space. Created a virtual disk space regrouping all available disk partitions. Added support for NAS servers. The maximum disk space was multiplied by five.
  • Created an automatic update system through the Internet (C#, PHP, MySQL, Ajax, and JQuery), leading to reduced travel costs for technicians.
  • Created an automated build system (C#) for our release build/process, which used to be manual, that removed build-related bugs.
Technologies: C#, C#.NET, C++, Windows Forms (WinForms), Visual Basic 6 (VB6), Windows Presentation Foundation (WPF), SQL, User Interface (UI)

Informel: Forms with Superpowers

https://informel.site/
Web components that wrap HTML forms to get extra features such as:

• Easily obtain form values
• Automatically show validation errors
• Native and custom validation rules
• Easily track form validity state
• Keep track of whether the form is dirty or not
• Auto submission via Ajax call, using action and method attributes

This was published on npm.

Browse4me – Web Scraping Platform

https://browse4me-juliendelort.vercel.app/
I'm working on a SaaS platform for web scraping, which is currently in progress. This project consists of two main parts:

• The user-facing platform was developed using SvelteKit and TailwindCSS. It's hosted on Vercel, providing a user-friendly interface for defining step-by-step scraping flows or sequences.

• The API for executing these scraping sequences was built with Node.js and Express and used Puppeteer for web scraping. This API is hosted on a Linode server.

The database is hosted on Supabase, contributing to the platform's data management and storage capabilities.

Shoppingify

https://github.com/juliendelort/shoppingify
Shoppingify is an app to manage shopping lists. The app allows users to save products for future usage and show statistics about shopping lists over time.

I solved a dev challenge that can be found here, along with user stories:
• devchallenges.io/challenges/mGd5VpbO4JnzU6I9l96x

Donor Wall Data Management App for a Nonprofit

Created a web app to help a nonprofit organization manage the data for their digital donor wall. The web app manages donor names in different sections and tiers, finds duplicates, shows previews, and exports the data so that it can be pasted to the organization's website.

Social-textarea: A React "Social" Textarea Supporting User Mentions, Emojis, and URL Previews

https://github.com/juliendelort/social-textarea
A React "social" textarea that supports user mentions, emojis, and URL previews. The textarea is similar to "Create Post" inputs used on social media platforms, and it also exports an emoji picker button. The component is built on top of react-mentions and emoji-mart and published on npm.

Todo App

https://todo-app-sveltekit-two.vercel.app/
Solved a dev challenge that can be found here, along with the design: https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW.

This is a basic to-do list app. The goal of this was to get more familiar with SvelteKit.

Conduit Next.js

https://github.com/juliendelort/conduit-nextjs
This is a mock blogging platform built with the Next.js app router and React Server Components. It allows users to create, read, update, and delete articles. Users can also follow other users and favorite articles. It's a simplified implementation of the Realworld project and is built using the Next.js app router (React Server Components), Prisma, TypeScript, and Tailwind CSS.

Languages

JavaScript, CSS, TypeScript, HTML, SQL, CSS3, HTML5, Java, C#.NET, C#, C++, Visual Basic 6 (VB6)

Frameworks

Vanilla JS, Next.js, Express.js, Svelte, Redux, Tailwind CSS, ASP.NET MVC, Ruby on Rails 5, Ruby on Rails (RoR), Windows Presentation Foundation (WPF), Jest, Remix, React Native

Libraries/APIs

React, Node.js, Lodash, Backbone.js, jQuery, React Redux, REST APIs, Windows Forms (WinForms), Puppeteer, SendGrid API

Other

Styled-components, Front-end, APIs, Full-stack, React Query, User Interface (UI), Web Development, User Experience (UX), Technical Leadership, Web UI, Web UX, Design Systems, UI Components, Startups, Architecture, API Integration, Scraping, Web Scraping, Web Components, Forms, Enzyme, SvelteKit, Supabase, CI/CD Pipelines, Storybook, Software Development, IT Project Management, HTML Email, Message Queues

Tools

Redux Thunk, AWS SDK, NPM, Prisma, Git

Platforms

AWS Lambda, Firebase, Amazon Web Services (AWS), Vercel, Linode

Storage

Amazon DynamoDB, PostgreSQL, MongoDB

Industry Expertise

Project Management

Paradigms

REST, Microservices

2003 - 2008

Master's Degree in Computer Science

National Institute of Applied Sciences (INSA) - Lyon, France

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