Matthew is currently unavailable
Matthew Wang
Verified Expert in Engineering
Web Developer
New Taipei, Taiwan
Toptal member since April 29, 2022
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
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
Project History
Emoji Story
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.
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.
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/deckbuilderWindblade 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.
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
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).
Additionally, I helped fix sorting behaviors in the provided GraphQL API with the back-end developer (instructor).
Toptal React Accelerator
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.
Education
2018 - 2022
Associate Degree in Computer Science
University of the People - Pasadena, CA, USA
Certifications
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
Skills
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