Lucas is available for hire
Hire LucasLucas Bittar Magnani
Verified Expert in Engineering
Front-end Developer
Campinas - State of São Paulo, Brazil
Toptal member since December 9, 2015
Bio
Lucas is a passionate software developer who is constantly looking for new challenges and opportunities to become a better developer every day. He's been working for the platform since 2016 and has a proven track record with Toptal clients and other clients from around the world.
Portfolio
Gartner
Sass, HTML, JavaScript, Front-end, HTML5, Web Development
Sensentia
CSS, HTML, Redux, React, JavaScript, Front-end, HTML5, Next.js, Web Development...
Zobrist Software Group Inc
CSS, HTML, User Interface (UI), User Experience (UX), React, Design Systems...
Experience
- Front-end - 10 years
- JavaScript - 5 years
- React - 5 years
- jQuery - 4 years
- React Native - 1 year
- Node.js - 1 year
- Shopify - 1 year
- Back-end - 1 year
Availability
Part-time
Preferred Environment
Zsh, Terminal, GitHub, Git, Tmux, Vim Text Editor, MacOS
The most amazing...
...project I've worked on is an end-to-end solution for a hypothetical logistics company called FastFeet built during a coding bootcamp.
Work Experience
Front-end Developer
2023 - 2025
Gartner
- Converted images into pixel-perfect responsive layouts.
- Added new features to an AI chat tool, such as pinning conversations, layout improvements, and code refactoring.
- Developed the responsive version of the app from scratch, as it was desktop-only when I first joined the team.
Technologies: Sass, HTML, JavaScript, Front-end, HTML5, Web Development
Front-end Developer
2023 - 2024
Sensentia
- Built a web app following UX/UI designs provided by the design team.
- Developed an AI-driven dashboard to identify the best healthcare plan tailored to individual needs.
- Converted most of the code that was written in JavaScript to TypeScript.
- Managed an outsourced developer working on a website using Next.js.
Technologies: CSS, HTML, Redux, React, JavaScript, Front-end, HTML5, Next.js, Web Development, TypeScript
Senior Front-end Developer
2022 - 2023
Zobrist Software Group Inc
- Handled the catalog and product pages of all brands' eCommerce websites.
- Created, updated, and maintained new features added by either the marketing or the design team.
- Participated in various agile ceremonies, including sprint planning, grooming, and demo sessions.
Technologies: CSS, HTML, User Interface (UI), User Experience (UX), React, Design Systems, Next.js, Web Development
Front-end Developer
2020 - 2020
Realtime Media (via Toptal)
- Created landing pages for promotions based on PSD layouts sent by the design team.
- Developed JavaScript games to attract leads to the landing page.
- Tracked progress and hours spent working on tasks during the week.
Technologies: Sass, HTML, JavaScript, Front-end, PSD to HTML, Windows, HTML5, Web Development
Front-end Developer
2019 - 2020
Brand Value Accelerator, LLC (via Toptal)
- Translated requirements and mockups into fully functioning websites using HTML, CSS, JavaScript, and Liquid.
- Created documentation for internal teams as well as clients.
- Performed code reviews, with valuable feedback and mentoring, for mid and associate-level developers.
Technologies: Shopify, Liquid, Node.js, React, JavaScript, Front-end, PSD to HTML, HTML5, Design Systems, UI Components, Next.js, Web Development
Front-end Developer
2018 - 2019
Gap Multimedia
- Built a web app designed for the fashion market using React.
- Created a fully functional custom Google Calendar-like experience from scratch.
- Performed tests, QA, and debug bugs reports by the client.
Technologies: Axios, Bootstrap, React, JavaScript, Front-end, HTML5, Web Development
Front-end Developer
2018 - 2018
Weav, LLC (via Toptal)
- Worked on recreating the current UX in a React/Redux environment.
Technologies: Redux, React, JavaScript, Front-end, HTML5, Amazon Web Services (AWS), Design Systems, UI Components, Web Development
Front-end Developer
2018 - 2018
SmartMoving (via Toptal)
- Created reusable elements for a dashboard UI.
- Customized a Bootstrap framework to meet the designer's composition.
- Created a brand website from scratch using HTML, CSS, and JavaScript.
- Created the mobile version for an Angular app.
- Created the tablet version for an Angular app.
Technologies: JavaScript, CSS, HTML, TypeScript, Angular, Front-end, PSD to HTML, HTML5, Web Development
Front-end Developer
2017 - 2018
TruNorth (via Toptal)
- Converted PSD designs to mobile-friendly browser design.
- Implemented/created templates and maintained features for the WordPress site.
- Implemented/created and maintained features for the Shopify store.
- Set up tests for landing pages using VWO.
- Maintained and created checkout funnels using CartHook.
Technologies: WordPress, Shopify, SCSS, CSS, HTML, JavaScript, PHP, Front-end, PSD to HTML, HTML5, Web Development
Front-end Purchase Flow Developer
2016 - 2016
Bungalow Insurance (via Toptal)
- Refactored Backbone scripts for a purchase flow.
- Created a custom Gulp file that automated most of the tasks and created a virtual server using Browserify.
- Customized the user interface based on the client's design mockup.
- Migrated vanilla CSS to more a powerful and easy-to-maintain Sass stylesheet file.
- Created a mobile version for the purchase flow using a Flexbox approach.
Technologies: Gulp, Sass, Backbone.js, Emacs, JavaScript, Front-end, HTML5, Web Development
Front-end Developer
2015 - 2016
Movile
- Developed an eCommerce platform with AngularJS for single ticket sales.
- Created an integration feature for Facebook.
- Implemented a whole new interface to improve the look and feel of the product.
- Worked on major fixes and refactored the code from previous developers.
- Made the product better every day.
Technologies: CSS, HTML, Bower, Grunt, AngularJS, JavaScript, Front-end, HTML5, Web Development
Front-end Web Developer
2014 - 2015
Solvian
- Developed a RESTful application for a road company in Brazil.
- Created the product's website.
- Built a fully functional dashboard for the road company.
- Developed wireframes.
- Created animated websites.
Technologies: CSS, HTML, JavaScript, Front-end, jQuery, HTML5, Web Development
Interactive Designer
2012 - 2013
Make
- Created CSS award-winning websites.
- Led digital campaigns.
- Developed motion design for prototypes.
- Ran email marketing campaigns.
- Designed the product's website and animated banners.
Technologies: Adobe After Effects, Adobe Photoshop, CSS, HTML, JavaScript, Front-end, jQuery, HTML5, Web Development
Interactive Designer
2009 - 2012
M51
- Designed websites, hot sites, and mini-sites.
- Created motion design with Flash and After Effects.
- Developed Flash applications with ActionScript 2.0.
- Worked on the wireframe and UX prototypes.
- Oversaw digital and online campaigns.
Technologies: Adobe After Effects, Adobe Photoshop, CSS, HTML, JavaScript, Front-end, jQuery, HTML5, Web Development
Web Designer and Technical Support
2007 - 2009
Escritorio Digital
- Designed websites.
- Created the wireframe design.
- Worked on front-end development.
- Designed campaigns for email marketing.
- Provided technical support between Seattle and Brazil for a 3M product.
Technologies: Adobe Photoshop, CSS, HTML, JavaScript, Front-end, jQuery, HTML5, Web Development
Experience
FastFeet
https://github.com/lucasbittar/gostack-fastfeetThis is a project I built end-to-end, including back and front end, and mobile, during a coding Bootcamp I recently enrolled in. The project itself is a complete solution for a hypothetical logistics company called FastFeet. The back end serves both web and mobile.
Everything was built using JavaScript. The back end is Node.js, with a front end in React and mobile React Native.
Everything was built using JavaScript. The back end is Node.js, with a front end in React and mobile React Native.
DevRadar
https://github.com/lucasbittar/omnistack-10-devradarDevRadar is a complete application, including front and back end, and mobile, for a basic developer finder based on your location. You can find developers by searching a specific technology. It will take you to the dev's GitHub page when you find one.
SmartMoving
https://smartmoving.com/A responsive website for the company SmartMoving to showcase their product.
Weather App
https://lucasbittar.github.io/weatherapp/A straightforward weather app that fetches the user's location and provides the forecast in Celsius and Fahrenheit.
In the update:
- Complete code refactoring using the Modular JavaScript design pattern
- Replace Grunt with Webpack
- Improved search image API
https://github.com/lucasbittar/weatherapp/tree/modular-code
In the update:
- Complete code refactoring using the Modular JavaScript design pattern
- Replace Grunt with Webpack
- Improved search image API
https://github.com/lucasbittar/weatherapp/tree/modular-code
Myscrobble.fm
https://lucasbittar.github.io/myscrobble/A Last.fm integrated application that builds a landing page with information fetched from the user's Last.fm account.
In this update:
- Fully written in ES6
- Complete code refactoring using React and Redux for state management.
In this update:
- Fully written in ES6
- Complete code refactoring using React and Redux for state management.
Product Hunt API
https://github.com/lucasbittar/product-hunt-apiA simple and minimal RESTful API built using Node.js.
Education
2008 - 2011
Bachelor's Degree in Graphic Design
Escola Panamericana de São Paulo - São Paulo, Brazil
2008 - 2010
Coursework Toward Bachelor's Degree in Advertising
PUC Campinas - Campinas, SP, Brazil
Certifications
MAY 2020 - PRESENT
GoStack | Full-stack Developer
Rocketseat
SEPTEMBER 2015 - PRESENT
Front-end Web Development
General Assembly
Skills
Libraries/APIs
React, jQuery, Shopify API, Node.js, Backbone.js, Liquid, X (formerly Twitter) API, Facebook API
Tools
Adobe Photoshop, Tmux, Webpack 2, Vim Text Editor, JSX, Terminal, Git, Webpack, GitHub, Zsh, Adobe After Effects, Grunt, Bower, Emacs, Gulp, Oh My Zsh, Sequelize
Languages
Sass, HTML, CSS, ECMAScript (ES6), Less, JavaScript, HTML5, PHP, SCSS, TypeScript
Frameworks
Next.js, Redux, Bootstrap, React Native, Express.js, AngularJS, Angular
Paradigms
Functional Programming, Object-oriented Programming (OOP), Responsive Web Design (RWD)
Platforms
MacOS, Windows, WordPress, Shopify, Amazon Web Services (AWS)
Storage
MongoDB, PostgreSQL
Other
PSD to HTML, Front-end, Shopify Customizations, Web Development, Back-end, Design Systems, UI Components, Axios, User Interface (UI), User Experience (UX), Advertising, Design, Graphic 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