Lucas Bittar Magnani, Developer in Campinas - State of São Paulo, Brazil
Lucas is available for hire
Hire Lucas

Lucas Bittar Magnani

Verified Expert  in Engineering

Front-end Developer

Location
Campinas - State of São Paulo, Brazil
Toptal Member Since
December 9, 2015

Lucas is a passionate web developer who is constantly looking for new challenges and the chance to become a better developer every single day. He has a proven track record with Toptal clients and other clients from around the world.

Portfolio

Zobrist Software Group Inc
CSS, HTML, User Interface (UI), User Experience (UX), React, Design Systems
Realtime Media (via Toptal)
Sass, HTML, JavaScript, Front-end, PSD to HTML, Windows, HTML5
Brand Value Accelerator, LLC (via Toptal)
Shopify, Liquid, Node.js, React, JavaScript, Front-end, PSD to HTML, HTML5...

Experience

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

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

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

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

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

Front-end Developer

2018 - 2018
NextBit Technologies LLC
  • Build web app based on UX-UI provided by design team.
Technologies: CSS, HTML, Redux, React, JavaScript, Front-end, HTML5

Front-end Developer

2018 - 2018
Songback LLC
  • Convert images into pixel-perfect responsive layouts.
Technologies: Sass, HTML, JavaScript, Front-end, HTML5

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

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

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

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

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

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

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

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 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

FastFeet

https://github.com/lucasbittar/gostack-fastfeet
This 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.

DevRadar

https://github.com/lucasbittar/omnistack-10-devradar
DevRadar 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

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.

Product Hunt API

https://github.com/lucasbittar/product-hunt-api
A simple and minimal RESTful API built using Node.js.

Languages

Sass, HTML, CSS, ECMAScript (ES6), Less, JavaScript, HTML5, PHP, SCSS, TypeScript

Libraries/APIs

React, jQuery, Shopify API, Node.js, Backbone.js, Liquid, 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

Other

PSD to HTML, Front-end, Shopify Customizations, Back-end, Design Systems, UI Components, Axios, User Interface (UI), User Experience (UX)

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

2015 - 2015

Professional Degree in Front-End Web Development

General Assembly - New York

2008 - 2011

Bachelor's Degree in Graphic Design

Escola Panamericana de São Paulo - São Paulo

2008 - 2010

Bachelor's (Unfinished) Degree in Advertising

PUC Campinas - Campinas, SP

MAY 2020 - PRESENT

GoStack | Full-Stack Developer

Rocketseat

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