Publication
Sass Mixins: Keep Your Stylesheets DRY
https://www.toptal.com/developers/css/sass-mixins-keep-your-stylesheets-dry
Justin is currently unavailable
Justin Brazeau
Verified Expert in Engineering
Software Developer
Toronto, ON, Canada
Toptal member since March 25, 2016
Bio
Justin is a front-end website and app developer with a background in graphic design. He has experience with brand development, digital marketing, print, and web design. Justin focuses on building extensible custom UIs and websites, using JavaScript, React, CSS, and other front-end tools.
Portfolio
Scubago
Next.js, Redux, Sass, Node.js, React
GoHiring GmbH
Sass, CSS, Node.js, React, JavaScript
Vital Health (via Toptal)
Amazon Web Services (AWS), Git, jQuery, SCSS, CSS, HTML, JavaScript, PHP
Experience
- CSS - 9 years
- JavaScript - 9 years
- Sass - 9 years
- UI Design - 9 years
- Node.js - 6 years
- React - 5 years
- Figma - 4 years
- Next.js - 3 years
Preferred Environment
Sketch, Figma, Visual Studio Code (VS Code), Node.js, Sass, CSS, React, JavaScript
The most amazing...
...website I've built had 4,000 users who registered an account within six months.
Work Experience
Front-end Node.js Developer
2019 - 2020
Scubago
- Built a dashboard interface system for dive center owners to manage their entire business, and book clients.
- Integrated extensive amounts of data into the front end, connecting UI components with a complex database system.
- Built components with complex user interactions and user flow.
- Designed and built interactive prototypes of the dashboard interface app system.
- Built unit and integration tests alongside component library for dashboard app system to solidify a data integration.
Technologies: Next.js, Redux, Sass, Node.js, React
Front-end Developer
2017 - 2019
GoHiring GmbH
- Built a highly utilized job board filtering tool in React with hundreds of live updated job boards.
- Established a set of dynamic landing pages for heavy integration with partner apps.
- Created branding assets for both print materials, and reuseable web components.
Technologies: Sass, CSS, Node.js, React, JavaScript
Front-end PHP Developer
2016 - 2016
Vital Health (via Toptal)
- Designed and developed a responsive corporate website.
- Worked with PHP app views to create UI pages and elements.
- Built and tested responsive, cross-platform email template designs.
- Developed a custom JavaScript/jQuery scheduling interface, working with date, time, and languages.
- Created a detailed version control management with Git and Amazon Web Services.
Technologies: Amazon Web Services (AWS), Git, jQuery, SCSS, CSS, HTML, JavaScript, PHP
WordPress Developer
2016 - 2016
Hotel Engine (via Toptal)
- Customized a WordPress website for www.shorttermhousing.com.
- Performed CMS integrations for thousands of housing property listings.
- Made a page responsive with an optimized mobile listing search page.
Technologies: Adobe CS3, Adobe, PHP, JavaScript, Sass, CSS, HTML, WordPress
WordPress Theme Developer
2016 - 2016
Mount Visual (via Toptal)
- Built a custom WordPress theme for the company that will be launched in late 2016.
- Created a fully responsive website theme with integrated WordPress dashboard and plugins; for easy dynamic addition of many types of content.
- Worked with an existing UI design and flow elements to establish a clean new branding image.
- Integrated an intuitive video file and streaming support to the WordPress theme and website components.
Technologies: jQuery, CSS, Sass, HTML5, JavaScript, WordPress
Bootstrap Front-end Developer
2016 - 2016
Singenuity, LLC (via Toptal)
- Worked with existing mockups to create functional interfaces for a newly developed app.
- Created responsive functionality for all dashboard elements of the app.
- Built a custom JavaScript plugin functionality for specific dashboard elements.
- Implemented existing branding styles into the front-end design.
- Added custom UI features for integration with an existing UI.
Technologies: Angular, jQuery, JavaScript, CSS, HTML
Web Designer | Developer
2014 - 2016
Navigator, Ltd.
- Developed brands and branding collateral across multiple platforms such as web, digital, print, and environmental.
- Created high conversion landing pages for large scale digital marketing campaigns.
- Built an active WordPress blog that had over 30 active users writing posts.
- Developed cross-platform branding materials for social media, email, website, and mobile.
- Provided company wide consultation on web technologies, marketing strategies, and project management tools.
Technologies: CSS, Adobe CS3, Adobe, JavaScript, HTML, WordPress
Graphic/Web Designer
2013 - 2014
RankXpress
- Designed customized PSD mockups for local businesses.
- Built PSD mockups into functional, responsive website designs.
- Integrated web design collateral with digital marketing campaigns.
- Managed all the active web projects; working with clients and other designers and developers.
- Created a customized JavaScript and WordPress functionality for specific small business website needs.
Technologies: CSS, JavaScript, HTML, WordPress, Adobe CS3, Adobe
Freelance Graphic/Web Designer
2012 - 2013
Resoware Media
- Designed branding assets for local businesses that were for use on web, print, and apparel.
- Focused on responsive website designs working with strong brands and good SEO.
- Worked with high resolution photography, vector artwork, and copy and integrated those elements into the web design work.
- Created custom web-features based on specific client needs per project.
- Integrated print materials, social media graphics, marketing banners, and websites for companies.
Technologies: CSS, Adobe CS3, Adobe, JavaScript, HTML
Experience
Job Board List App
https://www.gohiring.com/jobboersenliste/A Node.js/React-based app that pulls live data of active job boards and allows for filtering and sending requests to job board locations. Various data can be filtered and manipulated. The entire UI and app are also fully responsive.
Personal Website
http://justinbrazeau.comMy personal portfolio website with detailed articles about some of the most recent projects I have worked on.
Also available on:
GitHub (Codebase) — Github.com/oddscenes
Also available on:
GitHub (Codebase) — Github.com/oddscenes
Scuba Website
https://scubago.com/The website contains a front-facing app with various filters and dynamic data populated into reuseable components for customers to book dive trips. It also has a dashboard app system that dive centers can use to manage the customers, fully by themselves, without the use of a third party. It is fully responsive and a lot of communication is done between the various components.
Gold Tooth iOS UI Kit
A UI library built with React Native for iOS/Android. Contains a selection of page templates from designed wireframes. It's available to download on GitHub. Meant to be used as a toolkit to build on for the base of an extended React Native mobile app.
Chart Suite
I developed a real-time chart application with React and D3.js/ReCharts charting tools. It has the ability to edit chart information and export it to PNG via the web app while in the browser.
Terminal UI
A React component library built with detailed design specs, and a large assortment of UI components.
Odd Scenes
An updated store, blog, and portfolio website including in-depth branding and artwork integration including a dynamic markdown blog setup to use React components directly inside of the markdown. It was written and built using React, Next.js, TypeScript, and Tailwind.
WallTagged
I built a drawing web app for use in-browser using JavaScript, React, and Canvas tools. It has drawing tools integrated, using the Fabric.js library. Canvas allows for the use of themes, various drawing tools, and touch support for mobile devices.
Homes from The Future
A WordPress website built for a blog about home automation and IoT (internet of things). It has large media displays, various responsive layout options, and email campaign development.
Education
2010 - 2013
Advanced Diploma in Graphic Design
George Brown College - Toronto, Canada
Skills
Libraries/APIs
React, jQuery, Node.js, jQuery Plugins, jQuery UI
Tools
Figma, InVision, Sketch, Adobe Illustrator, Adobe Photoshop, Adobe, Adobe CS3, Git, Webpack
Languages
SCSS, HTML, CSS, JavaScript, Sass, TypeScript, HTML5, PHP
Frameworks
Next.js, Tailwind CSS, Bootstrap, Redux, Jest, React Native, Angular
Paradigms
UI Design, Mobile UI Design, Responsive Web Design (RWD), Mobile UX Design, Mobile Design, UX Design, REST
Platforms
WordPress Theme Design, WordPress, Amazon Web Services (AWS), Visual Studio Code (VS Code)
Storage
MongoDB, MySQL
Other
User Experience (UX), User Interface (UI), Design, Styled-components, CSS3 Animation, Digital Product Design
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