Brec Hanson, Developer in Destin, FL, United States
Brec is available for hire
Hire Brec

Brec Hanson

Verified Expert  in Engineering

Front-end Developer

Location
Destin, FL, United States
Toptal Member Since
September 2, 2022

Brec是一名高级前端开发人员，也是利用React和TypeScript将设计转换为像素级完美界面的专家. He has over five years of experience in various industries, including software, healthcare, real estate, and edtech. 他还曾在一个高度敏捷的环境中工作，并采用有组织的方法. Brec是一名优秀的沟通者，他善于引导对话，从而改进产品，并积极地为客户提供最大的价值.

CSSREST APIsReactTypeScriptMacOSAgileMapboxFront-endData VisualizationGraphQLAmazon Web Services (AWS)Node.jsMySQLHighchartsNext.jsStorybookSlack

Portfolio

Raylu Inc
React, TypeScript, Tailwind CSS
Pivotal Consulting Group, LLC
React，前端，数据可视化，api，谷歌云平台(GCP)， GitHub...
In-plex, LLC
React, CSS, AWS Amplify, Redux, Charts

Experience

MacOS - 8 yearsSlack - 8 yearsCSS - 8 yearsHTML - 8 yearsReact - 6 yearsTypeScript - 4 yearsFigma - 4 yearsMapbox - 2 years

Availability

Part-time

Preferred Environment

MacOS, Slack, React, TypeScript, Figma

The most amazing...

...我为一家分析公司开发的前端工具是一个仪表板, 我利用amCharts图形库向用户展示有意义的反馈.

Work Experience

Front-end Developer

2023 - 2023
Raylu Inc
  • 开发了一个独立组件，作为聊天助手的前端.
  • 利用一个叫做frame -motion的React库为产品添加自定义动画. 创建了一个自动完成复制Gmail的撰写功能，以便我们可以建议命令，询问聊天助手作为用户的类型.
  • Handed off the codebase after eight weeks; the client was pleased with their MVP.
Technologies: React, TypeScript, Tailwind CSS

Front-end Engineer

2023 - 2023
Pivotal Consulting Group, LLC
  • Developed a UI from scratch, 允许用户可视化点击事件数据库，以跟踪用户在其网站上的交互.
  • 使用React和Tremor快速开发工具，使用户能够选择可视化类型，如条形图或线形图，然后选择要绘制的尺寸和指标.
  • 创建一个具有自定义数据透视功能的表组件.
Technologies: React，前端，数据可视化，api，谷歌云平台(GCP)， GitHub, Python

React/Redux Developer

2023 - 2023
In-plex, LLC
  • 使用React和AWS作为无服务器后端，从零开始开发了一个beta版MVP.
  • 创建了一个类似wix的登陆页面构建器，允许用户构建无限数量的自定义登陆页面.
  • 领导前端工作，包括领导和建议团队中的其他前端人才.
Technologies: React, CSS, AWS Amplify, Redux, Charts

前端开发者|商业智能应用MVP

2022 - 2022
Bluelight Technologies, Inc.
  • Developed an MVP using React, TS, GraphQL, Next.js, and high charts.
  • 在敏捷仪式中合作，在为期6周的短时间内组织工作.
  • Successfully delivered a prototype, 哪些是用来向潜在客户和投资者演示的.
技术:React, Material UI, JavaScript, Highcharts, Next.js, Agile, TypeScript

Senior Front-end Developer

2021 - 2022
HouseCanary
  • 为房地产投资者提供了一个最小可行产品(MVP)，可以使用React在地图上浏览房产, Mapbox, GraphQL, and React Query.
  • 与一个高度敏捷的团队合作，使用Slack和Zoom等工具在远程工作环境中参加仪式.
  • 参与MVP开发周期，从设计和开发到发布和客户反馈.
技术: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.
  • 审核拉取请求并指导初级团队成员进行最佳实践.
  • 参与项目的长期规划，并为前端产品交付里程碑提供指导.
Technologies: React, TypeScript, CSS, HTML

Senior Front-end Developer

2020 - 2020
Modus Create
  • 使用React和TypeScript构建符合Figma设计的前端组件.
  • 利用Storybook编译可重用组件库.
  • 创建了一个Jira分支，用于跟踪内部问题解决方案.
技术:Agile, CSS, Figma, React, Slack, HTML, TypeScript

Senior Full-stack Developer

2019 - 2020
Riff Learning
  • 与数据科学家一起参与了软件的前端开发，创建了一个通信分析平台.
  • 使用amCharts图形库构建一个仪表板，以便在视频会议后向用户显示有意义的反馈.
  • 在Mattermost(一个类似slack的开源平台)的分支中开发Go的后端功能.
Technologies: Agile, React, HTML, CSS, JavaScript

Front-end Developer

2018 - 2019
ClinicSense
  • 利用现有的桌面网站，并为超过25个屏幕实施移动设计.
  • 使用Jest和React测试库进行测试驱动开发.
  • 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
  • 管理另外两名开发者，将Figma设计变成像素完美的前端.
  • 使用Amazon服务(如EC2、RDS和S3)部署和管理网站.
  • Developed each project's back end using Node.js and MySQL.
技术:敏捷、CSS、HTML、Amazon Web Services (AWS)、Node.js, React, JavaScript, MySQL

Walmart USA's Store-finder Page

http://www.walmart.com/store-finder
A new store-finder page for Walmart.com, 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, 所有的功能都有100%的测试覆盖率.

HouseCanary's Property Browsing Solution

http://comehome.com
为房地产投资者提供了在地图上浏览感兴趣的房产的解决方案. I contributed to the solution's front-end development, including the property cards on the right-side panel, the card popups on the map, 以及一个阿基米德螺旋公式，用于在地图上绘制公寓的螺旋标记.

ClinicSense Mobile App

http://www.clinicsense.com
A mobile-friendly site for ClinicSense, 为成千上万的按摩师提供网上客户关系管理软件. Their existing product only had a desktop website and, after hiring a designer to create mobile designs, 他们雇我利用现有的React代码库来创建一个移动友好的网站. At the time of release in 2019, 我独自开发了他们产品的手机版的所有屏幕. 屏幕包括用于管理和安排客户端会话的日历.

Languages

TypeScript, CSS, HTML, GraphQL, JavaScript, Python

Libraries/APIs

React, REST APIs, Node.js, Highcharts, AWS Amplify

Tools

Slack, Figma, GitHub

Other

Storybook, Charts, Front-end, Data Visualization, APIs

Paradigms

Agile

Platforms

MacOS、Mapbox、亚马逊网络服务(AWS)、谷歌云平台(GCP)

Frameworks

Material UI, Next.js, Redux, Tailwind CSS

Storage

MySQL

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

1

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
3

Start your risk-free talent trial

与你选择的人才一起工作，试用最多两周. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring