Menu
Hello, World.

I'm Leonel

Front-end Developer

More About Me
About

Let me introduce myself.

Profile Picture

I am a front-end developer based in Toronto. I love creating interesting UI/UX and solving complex coding problems. I love working within a team or heading off into the unknown and working on personal projects and ideas.

Skills

Experience in Front-end web application development with strong understanding of Responsive Design, HTML5 semantics, CSS3 (Flexbox / CSS Grid), Single-page web-apps and frameworks (Tailwind, Bootstrap and Material Design) as well CSS preprocessing (SASS/SCSS) and SMACSS/BEM methodology. Working with ReactJS, NextJS, Git, GitHub, Bitbucket, NPM, PHP and MySQL.

Understanding the intricacies of how JS and CSS impact rendering (web performance culture).

Layout with HTML/CSS/SASS, Styled Components, Storybook.

React (Hooks, Context, etc), React Router.

NextJS (Server Side Render, Incremental Static Regeneration and Static Site Generator).

JavaScript best practices and E2E testing with Cypress.

Excellent working attitude, responsible and dedicated.

Hire Me Download Resume

Work Experience

Front End Engineer

May 2022 - Present

1Password

Responsible for promoting top programming practices and standards, developing high-quality, production-ready code in an agile environment, designing and implementing frontend components and services, refining solutions for scalability and optimizing performance, evaluating new technologies, and building prototypes for continuous improvements. Collaborated with an agile team to create solutions aligned with company goals based on business needs and processes. Utilized React, Next.js, TypeScript, JavaScript, Tailwind CSS, Contentful CMS, GraphQL, Web Best Practices, SEO, Accessibility, and Performance practices.

Front End Developer

Feb 2022 - Mar 2024

Volaris Group

Responsible for developing the new landing pages system management. Migrating from the legacy codebase (Expression Engine) to Craft CMS as Headless CMS. Creating/Developing UI components based on TailWind and Headless UI (Experience with AODA compliance and best practices). Developing endpoints using elementAPI on Backend and connecting the Restfull API's on the frontend working with dynamic routes using React and Nextjs Server Side Render and Incremental Static Regeneration. Resposible for E2E testing with Cypress and involved in the full product life cycle (ideation, planning, delivering).

Front End Developer

Apr 2021 - Feb 2022

Klick Health

Responsible for developing web applications that are responsive, performant, and accessible that engage audiences through complex interactions. Building reusable components with HTML, CSS, and JavaScript for use across large-scale and documenting them in our style guides. Working with tools such as AEM, Marketo(modular template email), Litmus, Uberflip, Hubspot etc...

Front End Developer

Mar 2020 - Apr 2021

DMZ - Ryerson University

Responsibility of building new features for the PHP based CMS, identifying and investigating new technologies to improve UX, prototype solutions, improving software performance and launching the user interface, testing and reviewing changes, to deliver an exceptional customer experience for the main web platform.

Front End Developer

Jul 2019 - Mar 2020

Lendified

Contributing on Front End Web App Application Development. Developing and implementing a modern React.js, JavaScript, HTML5, CSS3 platform and experience using API's. Designing and implementing reusable web UI components. Collaborating in an Agile environment to develop amazing product for a startup Fintech.

Education

HackerYou / Juno College

2018 - 2018

Advanced Web Development Fundamentals

HTML5, CSS3, Precompiled syntaxes such as Sass, Website accessibility practices, Responsive Web Design, Introductory JavaScript & jQuery.
[Read More]

University of Toronto

2017 - 2017

Continuing Education

Web and Mobile Development with Single Page Application Architecture.
[Read More]

FIAP (Sao Paulo)

2009 – 2013

College Graduate Certificate (Diploma)

Internet Systems Technology and Web Applications
[Verified]

Portfolio

Check Out Some of My Works.

I love to do amazing stuff.

Woot Clone Ecommerce

Woot Clone

React, NextJS, GraphQL, Tailwind, Contentful CMS.
Eventbrite APP

Eventbrite clone

ReactJS, Firebase, TypeScript, TailWindCSS, HTML, CSS and Responsive Design.
Book List

Book List

React, TypeScript, Vite, Tailwind, Rest API.
Shopify Clone App

Shopify Clone

ReactJs, Hooks, HTML, CSS and JavaScript.
airBnB APP

airBnB clone-APP

ReactJS, Hooks, Javascript, HTML, CSS and Responsive design.
CyaLive Clone

CyaLive Clone

React and Responsive design.
Paper UI Clone

Paper Clone

VueJS, TailWindCSS and Javascript.
Mozilla Blog page

Mozilla Blog page

Javascript, HTML, CSS and Responsive design.
Hackathon

Hackathon

Javascript, ionic, HTML, CSS and Responsive design.
Lendified APP

Lendified/Merchant Growth

ReactJS, NodeJS, Javascript, HTML5, CSS3, Responsive design.
Latest Articles

https://dev.to/leoneloliver

Contact

I'd Love To Hear From You.

leoneloliver@gmail.com