toptal.com
Contact us: +1.888.867.7001
Giulia Cardieri, Front-end Developer in Sorocaba, Brazil
Giulia Cardieri

Front-end Developer in Sorocaba, Brazil

Member since September 19, 2018
Giulia is a creative and detail-oriented freelancer with a passion for front-end development and UI/UX design. She has over six years of experience developing web applications for professional, academic, and personal projects. Giulia is a CSS enthusiast, and she is always learning new technologies. She is a good communicator and values empathy between co-workers.
Giulia is now available for hire
Hire Giulia

Portfolio

Experience

Location

Sorocaba, Brazil

Availability

Part-time

Preferred Environment

Slack, Git, MacOS, Discord

The most amazing...

...feature I've developed was a calendar component to create complex schedules that supported excluded dates, different timezones, and multiple day events.

Employment

  • Senior Front-end Developer

    2021 - 2022
    Kangaroo Solutions Inc
    • Developed new features on existing applications. For example, a calendar feature based on Full Calendar and ICal string allowed restaurants and couriers to have a visual schedule for administrators.
    • Collaborated on sprint and story points planning sessions as the front-end team lead. I wrote all Jira tickets, and as a team, we defined story points and chose which tickets would be part of a sprint.
    • Created UI mockups using Figma for two new applications. The focus was to create a UI that was easy to develop using UI components from either Vuetify or Ionic libraries.
    • Improved the code quality of the existing Vue.js app by refactoring Vuex to a module architecture, using proper Vuetify variables for CSS, and refactoring all API calls from plan Axios to a custom library.
    • Reviewed the code from other front-end and full-stack developers, always focusing on empathy and improvements. Applied received feedback on the code I wrote and learned from others.
    • Fixed multiple bugs on React and React Native apps that were used by multiple customers every day. Bugs were related to React lifecycle, CSS, and Formik.
    Technologies: Vue 2, Vue, Vuex, React, React Native, Vuetify, Ionic, SCSS, Jest, Storybook, Agile, Figma, UI Design, UX Design, CSS, TypeScript

  • Senior Front-end Developer

    2021 - 2021
    Dog and Pony Studios
    • Developed multiple institutional websites using Nuxt.js, Vuex, and Tailwind CSS. All websites had micro animations and accessibility A and AA rules compliance as a requirement.
    • Participated in team calls three days per week to discuss current projects through Discord, kept track of working hours using Harvest, and organized tasks using Asana.
    • Coordinated closely with the design team to create pixel-perfect implementations of UIs created with Figma.
    • Populated content, adjusted Gravity Forms instances, and created custom fields on WordPress admin to display correct data on the front end.
    • Ran accessibility checks using the AXE tool on existing and new projects to make sure they were accessible. If not, troubleshoot and fixed bugs preventing accessibility compliance issues.
    Technologies: Nuxt.js, Vuex, Vue, Tailwind CSS, WordPress, Figma, Discord, jQuery, JavaScript, Sass, Axe

  • Front-end Developer

    2019 - 2021
    The Winston Project LLC (via Toptal)
    • Developed over 25 websites for universities based in the United States using a custom framework based on Hugo, jQuery, and SCSS.
    • Implemented the front-end part of a design system with dozens of components in which accessibility was a requirement. The stack included Gridsome, Vue.js, Tailwind CSS, and VueX.
    • Created documentation for each component in the design system to assist future members of the development team.
    • Conducted accessibility checks using SiteImprove tool, troubleshooting, and fixed bugs if necessary.
    • Developed the front-end part of an interactive tuition calculator for higher education using Vue.js, Scss, and VueX.
    Technologies: Vue, A11Y, Gridsome, Hugo, Tailwind CSS, jQuery, SCSS, SiteImprove, HTML, CSS, JavaScript, Figma, Slack, Vuex

  • Front-end Developer

    2018 - 2019
    Apollo (via Toptal)
    • Developed responsive UIs using SCSS, HTML, jQuery, and Middleman.
    • Implemented pages to display infographics in images and PDF formats.
    • Recreated a complete website UI, previously built with React, using Middleman.
    • Fixed issues regarding 301 redirects using Node.js.
    • Troubleshot issues to resolve bugs and defects related to the front-end development.
    Technologies: Git, Bootstrap, Flexbox, HTML5, CSS3, Sass, Zeplin, Node.js, Middleman, LocalStorage, JavaScript, jQuery, SCSS, CSS, HTML

  • UX Designer

    2018 - 2019
    TODXS
    • Worked as a UX researcher on the chatbot team with three other people.
    • Developed the chatbot's persona with the UX team. We decided to set this person as a female, non-binary early adult.
    • Validated the chatbot with users through a survey using Google Forms.
    • Researched and gathered data regarding the LGBT+ community to develop the chatbot content.
    • Created a chatbot using Google's tool DialogFlow with the team.
    Technologies: Web UX, Slack, Flow, Chatbots

  • Computer Science Graduate Researcher

    2017 - 2019
    Capes
    • Developed a PWA architecture called PWA-EU. It is a mix of event-driven and layered software architectures so users can act as co-designers of an app. This freedom and flexibility are provided so users can make design choices on the PWA.
    • Conducted software engineering and human computer-interacted experiments to evaluate and compare native mobile, web mobile, and PWA applications.
    • Analyzed qualitative and quantitative data obtained from experiments and study cases.
    • Wrote scientific articles describing the HCI experiments and PWA-EU approach.
    • Developed and designed the proof of concept PWAs for the PWA-EU approach. The first, an event-scheduling app, was developed with Vue.js, CSS, and LocalStorage. The second was developed with Vanilla JavaScript, CSS, Handlebars.js and LocalStorage.
    • Conducted training sessions to teach PWA in theoretical and practical ways to graduate and undergraduate students.
    Technologies: Progressive Web Applications (PWA), Materialize, UX Design, Git, Web UX, CSS, CSS3, HTML5, JavaScript, Sass, UX, Vue, PWA

  • CSS Developer

    2018 - 2018
    Postbox (via Toptal)
    • Developed UIs for a dark mode feature on a desktop app using plain CSS.
    • Worked on a large codebase with dozens of CSS files.
    • Debugged files to fix bugs and defects related to the front-end development.
    • Used Git as version control to safely and quickly develop applications.
    Technologies: Flexbox, HTML5, CSS3, Sass, Git, Firefox, CSS, HTML

  • Web Developer and Designer

    2016 - 2017
    LTIA
    • Developed a full-stack web application using HTML5, Sass, jQuery, CodeIgniter, and MySQL for freelance clients. The app was a website with educational content for high school and undergraduate students of UNESP Bauru.
    • Designed web applications for freelance clients using Photoshop.
    • Worked on a team as a front-end developer (HTML5, Sass, and jQuery) to create a women empowerment social network for Microsoft's Imagine Cup competition.
    • Assisted new members with lectures about front-end technologies (HTML, CSS, and SASS) and mentoring.
    • Provided assistance after applications were delivered to clients.
    Technologies: JavaScript, UI Design, Git, Web UX, HTML5, CSS, CSS3, MySQL, CodeIgniter, jQuery, Sass, HTML

  • Front-end Developer

    2015 - 2015
    Lecom
    • Assisted with web system maintenance of Lecom business process management (BPM), focusing on HTML, CSS, JavaScript and jQuery. Lecom BPM on a process automation software based on web technologies.
    • Contributed to UI prototype elaboration of Lecom BPM's new features.
    • Created documentation of new functionalities developed on the Lecom BPM using jQuery and Vanilla JavaScript.
    • Added REGEX validation to form input fields using Vanilla JavaScript.
    • Worked with Agile methods daily, such as Scrum and Kanban.
    Technologies: Git, HTML5, CSS3, Bootstrap, jQuery, JavaScript, CSS, HTML

  • Full-stack Web Developer

    2014 - 2014
    Tegra
    • Designed a hybrid mobile application prototype using Photoshop.
    • Created a hybrid mobile app with Cordova.js, HTML, Sass, Bootstrap, jQuery, and Gulp. This app was a catalog for a furniture store that needs all their furniture on the app and also had features in which users could customize their furniture.
    • Refactored CSS and Sass code from the company's website.
    • Worked with Agile methods every day, such as Scrum.
    • Developed an application with Django framework, Sass, HTML5, and jQuery.
    Technologies: UI Design, Git, HTML5, CSS, CSS3, Bootstrap, Cordova, Django, Gulp, jQuery, JavaScript, Sass, HTML

Experience

  • Construtora Cardieri
    http://cardieri.com.br/

    Construtora Cardieri is a constructing company in Sorocaba, Brazil. I designed and developed a modern website so they can showcase their buildings and tell a bit about their story.
    It was developed for 2 months using technologies such as Vue.js, Sass, Node.js, and Express.js.

  • Dinokiki
    http://dinokiki.com

    Dinokiki is my bigger and favorite personal project. It started in February 2014 as a way to learn more about JavaScript and today is an interactive website with over 3.5k views/month. It is a fun and entertaining website for all ages.
    It uses Vue.js, Sass, Node.js, and Express.

  • Agility Infographic
    https://giuliacardieri.github.io/infographic/

    An interactive infographic about agility. The idea for this infographic was to transform many pages of text into a fun, easy to understand infographic. It was developed using HTML, Sass, and jQuery. All animations were created using CSS.

  • CSS Illustrations/Animations

    I enjoy designing and developing CSS illustrations (sometimes animated) on CodePen. Most are built with HTML5, CSS/Sass, and JavaScript/jQuery.

  • Giulia Cardieri - Online Portfolio
    https://giuliacardieri.com/

    My personal webpage, designed and developed by me.

Skills

  • Languages

    CSS3, Sass, CSS, HTML5, HTML, JavaScript, SCSS, Hugo, TypeScript

  • Libraries/APIs

    Flexbox, Vue, jQuery, Vue 2, Vuex, LocalStorage, Node.js, React

  • Frameworks

    Bootstrap, Materialize, Tailwind CSS, YARN, Vanilla JS, Nuxt.js, React Native, Vuetify, Ionic, Jest

  • Tools

    Adobe Photoshop, Sketch, Git, Adobe Illustrator, Figma, Sublime Text, Slack, Zeplin, Gulp, NPM, Middleman

  • Paradigms

    UX Design, UI Design, BEM, Human-computer Interaction (HCI), Quantitative Research, Agile

  • Other

    CSS Grid, Progressive Web Applications (PWA), Web UX, Accessibility, A11Y, Gridsome, PWA, UX, Chatbots, Google Material Design, App UX, Discord, Axe, SiteImprove, User Experience (UX), User Research, Material Design, Storybook

  • Platforms

    MacOS, Firefox, WordPress

  • Storage

    MySQL

Education

  • Master's Degree in Computer Science
    2017 - 2019
    Universidade Federal de São Carlos - UFSCar - Sorocaba, Brazil
  • Bachelor's Degree in Computer Science
    2012 - 2016
    Universidade Estadual Paulista - UNESP - Bauru, Brazil
  • Non Degree International Student (Brazilian Government Scholarship) in Computer Science
    2013 - 2014
    Rochester Institute of Technology - Rochester, NY

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM