Huan Ma

Project: CardConnect

Description:

WeTheHobby is a leading platform for sports card collectors, offering a seamless experience for buying, selling, and managing physical sports cards. CardConnect is a web application designed to help collectors track their inventory, research new releases, and purchase physical sports cards online for home delivery.

Key Contributions & Achievements:

• Developed the All Cards Explorer: Built a searchable catalog of all officially released sports cards, allowing users to filter by player, team, rarity, and edition for easy discovery.
• Created the Personal Card Inventory System: Designed a form-based system for users to manually enter their card details, upload images, and categorize their collections as "For Sale”, or "Personal Collection."
• Implemented the Buyback Program: Developed a feature where users can submit their cards for valuation, receive an automated market-based price, and choose to accept or decline the offer before completing the sale.
• Built the Online Marketplace & Checkout System: Developed a secure checkout process where users enter shipping details, select payment options (Stripe API integration), and track orders until delivery.
• Optimized Performance & UI/UX: Improved page speed, responsiveness, and state management using React, Redux, TypeScript, and Tailwind CSS, ensuring a smooth experience across devices.

Project: E-Commerce Platform Enhancement

Description:

IDEX Health & Science is a global leader in life science fluidics, microfluidics, and optics, providing advanced solutions that power sophisticated analytical and diagnostic instruments used in laboratories, clinical settings, and research institutions. As part of the e-commerce development team, I was responsible for enhancing the online shopping experience by developing and optimizing key components of the platform, including the checkout process, billing plan management, and product display cards.

Key Contributions and Achievements:

• Checkout Process Development: Designed and implemented a streamlined, user-friendly checkout system, integrating secure payment gateways to ensure a seamless transaction experience for customers.
• Billing Plan Integration: Developed a flexible billing plan section, allowing customers to select and manage various payment options and subscription plans tailored to their needs.
• Product Card Component Creation: Created dynamic and responsive product card components to effectively showcase product information, specifications, and pricing, enhancing the overall user interface and experience.
• Performance Optimization: Optimized component rendering and reduced load times, resulting in a faster and more efficient user experience across the platform.
• Cross-Functional Collaboration: Worked closely with UX/UI designers and backend developers to ensure cohesive integration of frontend components, server-side logic, and database structures.
• Quality Assurance: Conducted thorough testing of all developed components, addressing bugs, and ensuring compatibility across various devices and browsers.

Project: SmartLiving

Description:
Midea is a global leader in IoT-enabled home appliances. SmartLiving is a web application that enables users to remotely manage and monitor smart home devices, including air conditioners, refrigerators, and smart lighting systems.

Key Contributions & Achievements:

• Built dynamic, reusable UI components using React and SCSS to improve scalability and maintainability.
• Implemented state management using Redux Toolkit, enabling seamless integration of IoT device data.
• Developed navigation flows with React Router, allowing smooth transitions between dashboards, usage history, and energy analytics.
• Integrated WebSockets to provide real-time updates and two-way communication between users and IoT devices.
• Conducted end-to-end testing with Cypress, ensuring error-free device control workflows.
• Collaborated with backend developers to integrate Node.js APIs for device management, ensuring smooth operation.
• Optimized application performance by implementing lazy loading and reducing unnecessary re-renders.
• Engaged in Agile development, contributing to sprint reviews, stand-ups, and iterative feature enhancements.

Project: AIVisionHub

Description:
Shannon Tech develops AI-powered analytics and automation tools for businesses. AIVisionHub is a platform for object detection, predictive analytics, and real-time monitoring, helping enterprises leverage AI insights for data-driven decision-making.

Key Contributions & Achievements:

• Developed a full-stack application with a React frontend and Node.js (Express) backend, integrating AI-powered features.
• Designed and implemented role-based access control using React Router, ensuring secure authentication and authorization workflows.
• Built RESTful APIs to handle large-scale visual data processing and integrate AI analytics.
• Utilized Redux for centralized state management of user data, reports, and AI models.
• Created responsive, cross-browser-compatible UIs using Bootstrap and SASS for an intuitive experience.
• Wrote comprehensive unit and integration tests with Jest, ensuring high application reliability.
• Collaborated in an Agile environment, participating in sprint planning, task estimation, and retrospectives.
• Deployed the application to AWS, leveraging cloud infrastructure for scalability and performance.