Brec Hanson, Front-end Developer in Destin, FL, United States
Brec Hanson

Front-end Developer in Destin, FL, United States

Member since September 2, 2022
Brec is a senior front-end developer and an expert at converting designs to pixel-perfect interfaces by leveraging React and TypeScript. He has over five years of experience in various industries, including software, healthcare, real estate, and edtech. He has also worked in a highly Agile environment with an organized approach. Brec is an excellent communicator who is comfortable driving conversations that lead to product improvements and is motivated to deliver maximum customer value.
Brec is now available for hire




Destin, FL, United States



Preferred Environment

MacOS, Slack, React, TypeScript, Figma

The most amazing...

...front-end tool I've developed is a dashboard for an analytics company, where I leveraged the amCharts graphing library to reveal meaningful feedback to users.


  • Front-end Developer | Business Intelligence Application MVP

    2022 - 2022
    Bluelight Technologies, Inc.
    • Developed an MVP using React, TS, GraphQL, Next.js, and high charts.
    • Collaborated in agile rituals to organize work throughout the short, 6-week engagement.
    • Successfully delivered a prototype, which is being leveraged for demos to potential clients and investors.
    Technologies: React, MUI (Material UI), JavaScript, Highcharts, Next.js, Agile, TypeScript
  • Senior Front-end Developer

    2021 - 2022
    • Contributed to a minimum viable product (MVP) for real estate investors to browse properties on a map using React, Mapbox, GraphQL, and React Query.
    • Collaborated with a highly Agile team using tools like Slack and Zoom to attend rituals in a remote work environment.
    • Engaged in the MVP development cycle from design and development to launch and customer feedback.
    Technologies: React, TypeScript, Mapbox, Figma, CSS, HTML, Agile
  • Senior Front-end Developer

    2020 - 2021
    Collaborative Mind LLC
    • Led the front-end team in delivering high-quality, test-driven solutions to a major hotel chain client.
    • Reviewed pull requests and mentored junior team members on best practices.
    • Engaged in the project's long-term planning and provided guidelines for the front-end product delivery milestones.
    Technologies: React, TypeScript, CSS, HTML
  • Senior Front-end Developer

    2020 - 2020
    Modus Create
    • Built front-end components that matched a Figma design using React and TypeScript.
    • Leveraged Storybook to compile a library of reusable components.
    • Created a fork of Jira for tracking internal issue resolutions.
    Technologies: Agile, CSS, Figma, React, Slack, HTML, TypeScript
  • Senior Full-stack Developer

    2019 - 2020
    Riff Learning
    • Contributed to their software's front-end development alongside data scientists to create a communication analytics platform.
    • Built a dashboard using the amCharts graphing library to reveal meaningful feedback to users after a video conference.
    • Developed back-end features in Go in a fork of Mattermost, an open source Slack-like platform.
    Technologies: Agile, React, HTML, CSS, JavaScript
  • Front-end Developer

    2018 - 2019
    • Leveraged an existing desktop-only website and implemented mobile designs for over 25 screens.
    • Used Jest and React Testing Library to exercise test-driven development.
    • Assisted junior team members with React-related problems.
    Technologies: Agile, CSS, HTML, React, Figma
  • Lead Full-stack Developer

    2017 - 2018
    BAM Builder Advertising and Marketing
    • Managed two other developers and turned Figma designs into pixel-perfect front ends.
    • Deployed and managed the websites using Amazon services such as EC2, RDS, and S3.
    • Developed each project's back end using Node.js and MySQL.
    Technologies: Agile, CSS, HTML, Amazon Web Services (AWS), Node.js, React, JavaScript, MySQL


  • Walmart USA's Store-finder Page

    A new store-finder page for, which was unreleased. I contributed to the React front-end development, including a GraphQL query integration for zip code search, a results list display, and a map of the results with the Google Maps API. Using the Jest and React Testing Libraries, all features had a test coverage of 100% of the lines and functions.

  • HouseCanary's Property Browsing Solution

    A solution for real estate investors to browse properties of interest on a map. I contributed to the solution's front-end development, including the property cards on the right-side panel, the card popups on the map, and an Archimedean spiral formula for plotting a spiral of markers on the map for condos.

  • ClinicSense Mobile App

    A mobile-friendly site for ClinicSense, which provides thousands of massage therapists with a CRM software on the web. Their existing product only had a desktop website and, after hiring a designer to create mobile designs, they hired me to leverage the existing React codebase to create a mobile-friendly site. At the time of release in 2019, I solely developed all screens for the mobile version of their product. The screens included a calendar for managing and scheduling client sessions.


  • Languages

    TypeScript, CSS, HTML, GraphQL, JavaScript
  • Libraries/APIs

    React, REST APIs, Node.js, Highcharts
  • Tools

    Slack, Figma
  • Other

  • Paradigms

  • Platforms

    MacOS, Mapbox, Amazon Web Services (AWS)
  • Frameworks

    MUI (Material UI), Next.js
  • Storage


To view more profiles

Join Toptal
Share it with others