Matthew Wang, Developer in New Taipei, Taiwan
Matthew is available for hire
Hire Matthew

Matthew Wang

Verified Expert  in Engineering

Bio

Matthew is a full-stack developer with over five years of experience and a proven track record of delivering successful projects for small to mid-sized teams in various industries, including marketing and logistics. Matthew uses React and Node.js to help build the next generation of software products. Matthew is committed to using best practices to create scalable and user-friendly solutions and is always eager to take on new challenges and contribute to exciting projects.

Portfolio

Unistart
React, Node.js, SQL, Prisma, Tailwind CSS, HTML, CSS, JavaScript...
Pickupp
React, React Native, APIs, REST APIs, HTML5, CSS, Tailwind CSS, Node.js, gRPC
Freelance
Next.js, React, HTML, HTML5, CSS, i18n, Internationalization, Tailwind CSS...

Experience

  • JavaScript - 5 years
  • CSS - 5 years
  • HTML - 5 years
  • React - 4 years
  • Node.js - 3 years
  • Next.js - 3 years
  • TypeScript - 1 year
  • Tailwind CSS - 1 year

Availability

Part-time

Preferred Environment

GitHub, Visual Studio Code (VS Code)

The most amazing...

...experience I've had was helping a small tech company rebuild its old website using React, improving performance by 82% and enhancing mobile usage for users.

Work Experience

Full-stack Developer

2023 - PRESENT
Unistart
  • Produced SEO-focused articles using automated programming techniques.
  • Fixed database-related production bugs that hampered user experience.
  • Collaborated closely with stakeholders to problem-solve tech-related issues.
  • Migrated database from Airtable to MySQL through parsing and injection.
  • Reduced database queries by 66%, resulting in 30% faster query times.
Technologies: React, Node.js, SQL, Prisma, Tailwind CSS, HTML, CSS, JavaScript, Search Engine Optimization (SEO), Programmatic SEO

Full-stack Developer

2022 - 2023
Pickupp
  • Collaborated exceptionally well in a mid-sized team of UX designers, QA specialists, and developers at a logistics startup company.
  • Implemented new features related to merchant workflows, serving over 100,000 active users across Asia.
  • Improved render performance of high-traffic pages by 12% using React best practices.
  • Worked with four microservices out of 10+ services creating API endpoints using Express.js and Node.js.
  • Developed and created Unit Tests for delivery pricing models using Jest.
  • Created migration files for PostgreSQL (Sequelize) to support new models.
Technologies: React, React Native, APIs, REST APIs, HTML5, CSS, Tailwind CSS, Node.js, gRPC

Front-end Developer for Artist Website

2022 - 2022
Freelance
  • Integrated Spring-based scroll animations and event animations using React-Spring, resulting in better and smoother user interactivity.
  • Designed and translated bespoke mockups of video backgrounds, animations, and custom components into front-end interfaces using React and Tailwind CSS.
  • Developed internationalization i18n support using i18next. The website has currently been translated into Chinese and English, supporting future languages.
  • Built reusable React components and animations throughout the project for increased modularity and development speeds.
Technologies: Next.js, React, HTML, HTML5, CSS, i18n, Internationalization, Tailwind CSS, Web Development, User Interface (UI), User Experience (UX), Responsive Web Design (RWD), React Hooks, Vercel, Search Engine Optimization (SEO), JSON, Responsive UI, GitHub, Photoshop CC

UI/UX Designer

2021 - 2021
Self-employed
  • Designed landing pages for featured films that grossed over $2 million in revenue, including movies such as Gatao and Little Big Women.
  • Adopted modular UI/UX design to optimize component reusability and CSS file size. This contribution helped with the maintainability of development and reduced CSS load speeds by 34%.
  • Improved the brand style for the Taipei Film Fund website by implementing modern practices and minimalistic design. By creating a cohesive brand style, consumers associated the website with "luxury" and "quality."
  • Collaborated with developers to create the UI that allowed for live updates, user authentication, and patron functionality.
  • Accelerated product development speed by 55% by designing MVP products using MUI components.
Technologies: Adobe Experience Design (XD), UX Research, Modular CSS, Modular Design, Material UI, User Experience (UX), User Interface (UI), Front-end Development, Web Development, Responsive Web Design (RWD), Responsive UI, Photoshop CC

Front-end Web Developer

2019 - 2020
Homlan International Corporation
  • Improved web traffic by 41% through better performance and SEO changes. This was achieved using best practices and creating a streamlined experience for marketers to update information quickly.
  • Improved load speeds by 82% by migrating legacy codebase to create dynamically generated static pages using Gatsby.js and integrating CDN services.
  • Implemented a headless content management system (CMS) that hosted 30+ items with highly customizable pages, including product pages, spec sheets, blog posts, and more.
  • Achieved scores of 95+ for Google Lighthouse page quality audits by improving accessibility, PWA support, and using best practices.
  • Built internationalization support for two languages with scalability for future ones by implementing dynamic pages and Prismic.io CMS.
  • Migrated 90% of data from the old website to integrate with the new CMS and queried data using GraphQL to be rendered statically.
Technologies: React, Gatsby, Node.js, Express.js, Content Management Systems (CMS), Sass, HTML, CSS, JavaScript, REST APIs, GraphQL, SCSS, HTML5, Front-end, React Hooks, Front-end Development, CI/CD Pipelines, Web Development, User Interface (UI), User Experience (UX), Responsive Web Design (RWD), Internationalization, i18n, Search Engine Optimization (SEO), JSON, Responsive UI, GitHub

Emoji Story

https://emojistory.matowang.com/
Emoji Story is a fun web app that allows users to generate stories with emojis using AI and share them on the platform. The project uses the revolutionary AI prediction model GTP-3 to generate natural language based on user-input emojis automatically.

I was the full-stack developer for this platform and worked with UX designers to make this a reality. I used Next.js to build API endpoints, Cloud Firestore for the database, and Firebase for authentication.

Xun Wang Artist Website

https://xunwang.art/
This website is intended for collectors to visit art from the 3D artist, Xun Wang. It presents his bronze sculptures and 3D works.

I acted as the front-end developer for the project, helping create a website portfolio for sculptor Xun Wang to showcase his work. I implemented a headless CMS for easy editing and designed interfaces with interactive 3D elements for collectors to view sculptures.

Windblade

https://windbladeptcg.vercel.app/deckbuilder
Windblade is a platform for Taiwanese Pokémon card traders and buyers. The web app contains an index of all Pokémon cards available in Taiwan. Users can build their decks and see the most updated information about Pokémon card news. The platform currently has over 300 active users.

I created a familiar deck-building experience for IRL card players on the front end. I also worked closely with back-end developers to develop lazy loading and Pokémon card indexing functionalities.

Outvoice

https://outvoice.matowang.com
An invoicing web app for freelancers that allows users to create invoices and track items and pricing for clients. I was the sole front-end developer for this app. Technologies included React, TypeScript, E2E testing, and controlled component architectures. This app was part of the rigorous Toptal React Accelerator Program that I completed in a one-month period.

Additionally, I helped fix sorting behaviors in the provided GraphQL API with the back-end developer (instructor).

Toptal React Accelerator

https://outvoice.matowang.com
The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, Next.js, Redux, and GraphQL. This is a 2-month program that consists of rigorous learning exercises and hands-on activities along with a stringent evaluation process, comprehensive learning assessments, and an Invoice Management System. Within this invoicing application, users are able to track invoices, clients, and company information.
2018 - 2022

Associate Degree in Computer Science

University of the People - Pasadena, CA, USA

OCTOBER 2022 - PRESENT

Toptal React Accelerator Graduate

Toptal, LLC

APRIL 2022 - PRESENT

Foundations of User Experience (UX) Design

Google | via Coursera

FEBRUARY 2019 - PRESENT

Front End Development Libraries Certification

FreeCodeCamp

NOVEMBER 2018 - PRESENT

Responsive Web Design Certification

FreeCodeCamp

NOVEMBER 2018 - PRESENT

JavaScript Algorithms and Data Structures Certification

FreeCodeCamp

Libraries/APIs

React, Node.js, REST APIs

Tools

GitHub, Adobe Experience Design (XD), Photoshop CC, Prisma, KeyShot

Languages

Sass, HTML, CSS, JavaScript, SCSS, HTML5, Python, TypeScript, GraphQL, Java, SQL

Frameworks

Next.js, Material UI, Tailwind CSS, Express.js, Cypress, React Native, gRPC

Paradigms

Responsive Web Design (RWD), Search Engine Optimization (SEO), Serverless Architecture, Modular CSS, Modular Design, E2E Testing

Platforms

Visual Studio Code (VS Code), Firebase, Vercel

Storage

JSON, MongoDB, NoSQL, Cloud Firestore, PostgreSQL

Other

Web Development, Gatsby, Content Management Systems (CMS), Data Structures, Front-end, MVP Design, React Hooks, Front-end Development, Responsive UI, Computer Networking, UX Research, Product Photography, Production, Serverless, APIs, Full-stack, User Experience (UX), User Interface (UI), CI/CD Pipelines, Internationalization, i18n, Canon, Lighting, Artificial Intelligence (AI), User Authentication, Authentication, Zustand, UI Testing, Programmatic SEO

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