Brec Hanson, Developer in Portland, ME, United States
Brec is available for hire
Hire Brec

Brec Hanson

Front-end Developer

Portland, ME, United States

Toptal member since September 2, 2022

Expertise
Slack DevelopmentCSSREST APIReact.jsTypeScriptMacOSAgile DevelopmentGoogle Maps DevelopmentMapboxFront EndData VisualizationNLPOpenAI
Bio

Brec is a senior full-stack JavaScript developer who specializes in building high-performance and pixel-perfect front ends with React. He's infinitely curious and considers his coding abilities as a mere tool that he wields to leverage his real-world experience. Brec brings with him a vast amount of experience in sales and product management, and the depth and breadth of his knowledge base are valuable assets for any team.

Portfolio

The 4 Pillar Report
Next.js, Vercel, Python, Data Science, Open-source LLMs, Pinecone, Vectors
BillulloNex LLC
Front-end Development, React, JavaScript, CSS, Node.js, Product Development...
Perspektiv AI Ltd.
React, Data Visualization, Vercel, Vite, TypeScript, Node.js, Auth0, Stripe...

Experience

  • Slack - 8 years
  • CSS - 8 years
  • HTML - 8 years
  • React - 6 years
  • Geospatial Data - 5 years
  • Google Maps - 5 years
  • Mapbox - 4 years
  • TypeScript - 4 years

Preferred Environment

MacOS, Slack, React, TypeScript, Figma, Node.js, LangGraph, OpenAI, Tailwind CSS

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.

Work Experience

Founder and Lead Developer

2026 - PRESENT
The 4 Pillar Report
  • Built a narrative intelligence pipeline using Next.js, TypeScript, Supabase (PostgreSQL), Pinecone, and Gemini LLM APIs to ingest source content, extract entities, claims, and stories.
  • Created the entity extraction layer leveraging a multi-step deduping and consolidation pipeline using vectors and an LLM.
  • Designed and developed a cohesive front end to synthesize and present data to users.
  • Implemented a running narrative pipeline to link recent content with previous content. This created a linear narrative timeline.
Technologies: Next.js, Vercel, Python, Data Science, Open-source LLMs, Pinecone, Vectors

Front-end Developer

2025 - PRESENT
BillulloNex LLC
  • Created and iterated upon a proof of concept for the client's business, a B2B supplement stack creation and ordering platform.
  • Pioneered creative solutions independently to meet business objectives while working with hands-off clients, whose requirements were ambiguous.
  • Worked with the client's back-end engineer to breathe life into the prototype by advising him on the endpoints required to hydrate the various features.
Technologies: Front-end Development, React, JavaScript, CSS, Node.js, Product Development, Proof of Concept (POC), Automated Testing, Playwright, Quality Assurance (QA)

Senior Front-end Developer

2024 - 2025
Perspektiv AI Ltd.
  • Leveraged my expertise in React and Node.js to lead the development of a fintech MVP, taking approximately 12 months.
  • Developed a dynamic chat feed, which was like other LLMs, but the responses had charts to display data from the AI.
  • Used Auth0 for front-end authentication, and Redis/express-session on the back end to manage sessions securely.
  • Integrated Stripe so that the app could offer monthly and annual subscriptions.
  • Architected a custom commenting system to support proprietary comment tagging and mentioning features.
  • Created Node.js (scripts) that would leverage the in-house LLM to write news articles. After the script ran, 580 new pages were added to the app, each fully hydrated. The script took eight hours to run due to LLM constraints and was run monthly.
Technologies: React, Data Visualization, Vercel, Vite, TypeScript, Node.js, Auth0, Stripe, Redis, Firebase, Tailwind CSS

Senior Front-end Developer

2024 - 2024
Primer Labs, Inc.
  • Joined the team at the tail-end of a 6-month project, hit the ground running, and helped the team deliver and launch their new SaaS product. It was a highly Agile environment, and I often pulled designers and other stakeholders into ad hoc meetings.
  • Developed a CSV import feature that enabled a user to upload a CSV file, and then the file was parsed and validated with a web worker. It supported files with over 1 million rows, and it showed which specific rows in the file had errors.
  • Implemented a new data-driven test architecture using msw. The team had a code coverage goal, and I established a pattern for using mock data to simulate various server responses. This made it easier for the team to write front-end unit tests.
Technologies: React, TypeScript, Front-end, Tailwind CSS

Front-end Developer

2023 - 2023
Raylu Inc
  • Developed a stand-alone component that served as the front end for a chat assistant.
  • Leveraged a React library called framer-motion to add custom animations to the product. Created an autocomplete replicating Gmail's compose functionality so that we could suggest commands to ask the chat assistant as the user types.
  • 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, allowing users to visualize a database of click events for tracking user interactions on their websites.
  • Used React and Tremor to rapidly develop a tool that enabled users to select a visualization type like a bar or line graph and then select dimensions and metrics to plot.
  • Created a table component that had custom pivot functionality.
Technologies: React, Front-end, Data Visualization, APIs, Google Cloud Platform (GCP), GitHub, Python

React/Redux Developer

2023 - 2023
In-plex, LLC
  • Developed a beta-ready MVP from scratch using React and AWS as a serverless back end.
  • Created a Wix-like landing page builder allowing users to build an infinite number of custom landing pages.
  • Led the front-end effort including leading and advising other front-end talent on the team.
Technologies: React, CSS, AWS Amplify, Redux, Charts

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, Material UI, JavaScript, Highcharts, Next.js, Agile, TypeScript

Senior Front-end Developer

2021 - 2022
HouseCanary
  • 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
ClinicSense
  • 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

Experience

Walmart USA's Store-finder Page

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

http://www.clinicsense.com
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.

Skills

Libraries/APIs

React, REST APIs, Google Maps, Playwright, Node.js, Highcharts, AWS Amplify, Stripe, OpenAPI

Tools

Slack, Figma, GitHub, Auth0

Languages

TypeScript, CSS, HTML, GraphQL, JavaScript, Python

Paradigms

Agile, Automated Testing

Platforms

MacOS, Mapbox, Amazon Web Services (AWS), Google Cloud Platform (GCP), Vercel, Firebase

Frameworks

Material UI, Next.js, Redux, Tailwind CSS, LangGraph

Storage

MySQL, Redis

Other

Storybook, Geospatial Data, Quality Assurance (QA), Charts, Front-end, Data Visualization, APIs, Vite, Graph Theory, Natural Language Processing (NLP), OpenAI, Code Generators, Front-end Development, Product Development, Proof of Concept (POC), Data Science, Open-source LLMs, Pinecone, Vectors

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