Hi, I am Beibei Yang

Fullstack Web Developer - focusing on TypeScript and React


I am a full-stack TypeScript web developer specialising in creating robust, scalable, and database-driven applications. Leveraging TypeScript, React, NodeJS, and relational/NoSQL databases, I build solutions where the database serves as a reliable single source of truth. With experience spanning business systems, custom applications, and modern web technologies, I bring efficiency and reliability to every project I work on.

my skills

  • Web Development
    As a full-stack developer, I specialise in crafting responsive, dynamic, and intuitive user interfaces with React and TypeScript, paired with scalable backend runtime NodeJS/Deno. My development process emphasises clean architecture, reusable components, and performance optimization — resulting in applications that are as efficient as they are user-friendly.
  • Database Management
    With expertise in relational databases such as PostgreSQL and MySQL, as well as experience with NoSQL platforms like MongoDB, I design optimized database schemas and manage data efficiently to ensure consistency, reliability, and high performance in web applications.
  • API development
    I design and develop RESTful APIs using NodeJS/Deno, ensuring seamless communication between the client and server. My APIs are robust, scalable, and thoroughly tested, forming the backbone of reliable and efficient web applications.

My Experience

  • Oct 2023 - Feb 2025study

    Frontend and backend web development

    TAFE QLD | Gold Coast, QLD

    Completed a comprehensive program that enhances my expertise in modern web technologies, full-stack architecture, and project-based software development. Gained hands-on experience with frontend frameworks, backend services, and deployment practices aligned with industry standards.

  • Jun 2021 - Jul 2023work

    Digital System Officer

    Austech Saw & Tooling | Gold Coast, QLD

    • Maintained and enhanced company B2B websites, with a focus on updating frontend code and implementing UI improvements.
    • Worked with Pronto ERP for operational tasks, including data analysis and reporting using Pronto Cognos.
    • Developed internal tools and workflow automation using Microsoft PowerApps and Power Automate, improving process efficiency; Created and maintained SharePoint-based knowledge management systems to streamline internal documentation and information sharing.
    • Designed digital and printed marketing materials such as posters, catalogues, and brochures using Adobe and Canva, supporting the company's branding and promotional efforts.
  • Jun 2018 - Sept 2020study

    Master of Business Information Management and Systems

    La Trobe University | Melbourne, VIC

    Developed a strong foundation in business processes, systems analysis, and database management. Gained essential skills in bridging the gap between technology and business needs through data-driven systems and digital solutions.

  • Aug 2011 - Jan 2018work

    Digital System Developer

    Reddot Electronics | Shanghai, China

    • Designed, developed, and managed the business WordPress website, customising themes and regularly updating content.
    • Designed and implemented database schemas for order and customer management systems, ensuring data consistency and scalability.
    • Built and customised Zoho Creator applications using Deluge scripts, implementing complex business logic to streamline company processes.
  • Sept 2009 - Jun 2011study

    Bachelor of Science in Economics

    Shandong Agricultural University | Qingdao, China

    Completed foundational studies in microeconomics, macroeconomics, and international trade. Developed analytical thinking and problem-solving skills applicable to both business and technology environments.

My Projects

    ML Strength - Home page
    ML Strength - About page
    ML Strength - Club list page with search and map
    ML Strength - Club details page with timetable
    ML Strength - Class list page with filter
    ML Strength - Class details page with timetable

    ML Strength

    ML Strength is a multi-location fitness business offering diverse gym classes. This project involved developing a dynamic website to showcase clubs, classes, and timetable.

    Key Features

    • Built modular and maintainable CSS using SASS partials.
    • Integrated interactive geolocation maps with the Leaflet.js library.
    • Fetched dynamic data from local JSON files using Fetch API to populate pages.
    • Implemented PostCSS Autoprefixer for cross-browser CSS compatibility.
    • Ensured clean, standards-compliant code with HTML and CSS validation.

    Key Technologies

    • HTML
    • SASS
    • JavaScript
    • Leaflet
    T-Shirt Grind - Home page
    T-Shirt Grind - Shop page
    T-Shirt Grind - Product details page
    T-Shirt Grind - Cart page
    T-Shirt Grind - Checkout page
    T-Shirt Grind - Checkout order received page
    T-Shirt Grind - Account orders page

    T-Shirt Grind

    An e-commerce platform built with WordPress for a custom t-shirt business. The site supports full online shopping functionalities and custom plugin development.

    Key Features

    • Developed a fully custom WordPress theme from scratch.
    • Extensively customised WooCommerce for tailored product and checkout workflows.
    • Integrated PayPal sandbox environment for payment testing
    • Styled components using Bootstrap and SASS for responsive design.
    • Built a custom "To Top Anywhere" WordPress plugin for enhanced UX.

    Key Technologies

    • WordPress
    • PHP
    • JavaScript
    • MySQL
    • SASS
    • BootStrap
    • PayPal
    The Mobile Hour - Home page
    The Mobile Hour - Products page
    The Mobile Hour - Product details page
    The Mobile Hour - Admin user management page (Super admin panel)
    The Mobile Hour - Product management page (admin panel)
    The Mobile Hour - Product details view page (admin panel)
    The Mobile Hour - Product details edit page (admin panel)
    The Mobile Hour - Category management page (admin panel)
    The Mobile Hour - Category details view page (admin panel)
    The Mobile Hour - Category details edit page (admin panel)
    The Mobile Hour - Changelog page (admin panel)

    The Mobile Hour

    A dynamic PHP-based CRUD system for managing mobile phone product listings, categories, and user access via a custom-built admin panel.

    Key Features

    • Developed a custom MVC framework from scratch using object-oriented PHP.
    • Connected to and managed data with a MySQL backend.
    • Implemented full CRUD operations for products, categories, and users.
    • Applied strong input validation and sanitization to prevent XSS and other security vulnerabilities.
    • Built with a focus on clean, modular backend architecture.

    Key Technologies

    • PHP
    • MySQL
    • JavaScript
    • BootStrap
    • MVC
    • OOP
    • CRUD
    High Street Gym - Home page (list all classes)
    High Street Gym - Class details page
    High Street Gym - Timetable page
    High Street Gym - Blog page with filters
    High Street Gym - Article page with comments
    High Street Gym - Account dashboard
    High Street Gym - Booking confirmation page
    High Street Gym - Managing bookings (Admin panel)
    High Street Gym - XML data import (Admin panel)
    High Street Gym - Account profile update (Admin panel)
    High Street Gym - Article Form Edit

    High Street Gym

    A full-stack gym management web application for handling class schedules, memberships, blogs, and more — with secure data processing and robust admin tools.

    Key Features

    • JWT-based authentication and secure authorization middleware.
    • Full CRUD capabilities for classes, blogs, timetables, and comments.
    • Admin users can bulk upload class schedules via XML with XSD validation.
    • Form and file input validated using express-validator for security.
    • Used Multer for handling file and image uploads.
    • Dynamic frontend built with Webpack and modular JS import chunks.
    • Structured with MVC pattern for maintainable, scalable code.

    Key Technologies

    • NodeJS
    • ExpressJS
    • JavaScript
    • MySQL
    • TailwindCSS
    • Pug
    • XML
    • MVC
    • OOP
    • CRUD
    TAFE Weather REST API - TAFE Weather API Documentation

    TAFE Weather REST API

    A robust, TypeScript-based REST API built on Deno and Express, with MongoDB as the backend — designed for weather data storage, validation, and retrieval.

    Key Features

    • Built with Deno 2.1.0, using native TypeScript for type-safe backend logic.
    • Integrated with MongoDB using the official NodeJS driver.
    • Implemented persistent JSON schema validation at the database level.
    • Defined compound indexes to optimize query and aggregation performance.
    • Set up MongoDB Atlas triggers for reactive data handling.
    • JWT authentication and custom middleware for secure endpoints.
    • API documented with OpenAPI 3.1.0 and testable via Swagger UI.

    Key Technologies

    • TypeScript
    • Deno
    • ExpressJS
    • MongoDB
    • Docker
    • Swagger
    • OpenAPI
    • Postman
    • MVC
    • CRUD

my contact

Beibei Yang