Bruce Lan.

Hello 👋

I'm Bruce Lan - curious

Full Stack Web Developer

based in Toronto, Canada.

Work.

CRM Platform for Order and Client Management

CRM Platform for Order and Client Management

Developed a comprehensive CRM platform to optimize client interaction, order tracking, and financial data analysis

  • Order and Client Management: Designed tools for efficiently managing client profiles, tracking sales orders, and organizing communication in a centralized dashboard.
  • Order Assignment and Tracking: Implemented automated and manual order assignment features, ensuring seamless task delegation and real-time tracking of order progress.
  • Financial Data Analysis: Developed advanced stats and reporting tools to analyze financial order data, providing actionable insights for revenue and performance tracking.
  • User Authentication: ecured access using JSON Web Tokens (JWT), protecting client and order data during login, registration, and API access.
React 19ShadcnExpressMongoDBNode.jsJWTRESTful APIs
Complete Travel Platform

Complete Travel Platform

Designed and developed a full-featured travel platform that supports travel package browsing, flight and hotel booking, and order management.

  • Payment Integration: Integrated Stripe for secure and seamless payment processing, enabling efficient transaction handling across the platform.
  • API Integration: Managed the integration of over 100 third-party APIs, expanding the platform's services to offer diverse travel options.
  • User Authentication: Secured user authentication with JSON Web Tokens (JWT), protecting sensitive information during login, registration, and API access.
  • Performance Optimization: Enhanced platform performance through a custom caching strategy, improving system responsiveness and scalability.
  • Frontend Development: Built a responsive and user-friendly interface using React.js and Ant Design (Antd), ensuring an intuitive experience across various devices.
  • Backend Architecture: Developed a modular, scalable backend system using Express and Node.js, allowing for easy maintenance and future platform expansion.
React 17Ant DesignExpressMongoDBNode.jsJWTStripeRESTful APIs
Portal

Portal

Contributed to the development and maintenance of front-end features in a microservices architecture.

  • UI & Performance Refactoring: Refactored core front-end features to improve the user interface, enhance performance, and increase code readability.
  • Reusable Components: Developed reusable UI components for an internal UI library, ensuring consistent design and efficient development workflows.
  • GraphQL Integration: Collaborated in updating GraphQL queries with TypeScript, optimizing front-end data retrieval and display.
  • Payment Integration: Assisted in the front-end implementation for Stripe subscription checkout systems, contributing to seamless payment processing.
React 17Ant DesignExpressMongoDBNode.js
Crypto Tracker

Crypto Tracker

Developed a frontend interface and data processing system for a cryptocurrency market data platform, utilizing modern technologies to deliver real-time insights.

  • Real-Time Data Integration: Pulled and processed real-time cryptocurrency market data from CoinGecko, storing the data in a MongoDB database for efficient access.
  • Backend Development: Built the backend using Express to handle data processing and API integration, ensuring smooth communication with the MongoDB database.
  • Frontend Development: Implemented the frontend using React.js and Ant Design, following modern standards to provide a responsive and user-friendly interface.
  • Data Display: Designed the user interface to dynamically display up-to-date crypto market information, giving users easy access to key data points.
React 17Ant DesignExpressMongoDBNode.js
Tile Layer

Tile Layer

Utilizing Vue.js and TypeScript, this application streamlines the creation of game maps, enabling designers to focus on creativity rather than technical hurdles.

  • Intuitive Drag-and-Drop Interface: Designed a seamless user experience that allows game designers to easily place and manipulate assets within a 2D grid.
  • Dynamic Layer Management: Integrated a robust layer system that enables users to organize game elements hierarchically.
  • Custom Asset Integration: Developed a feature for importing custom assets, empowering designers to personalize their maps with unique graphics and sprites.
TypeScriptVue3P5.js
Art Generator

Art Generator

Utilized P5.js to generate abstract art in the browser using JavaScript.

  • User Experience: Implemented a user-friendly interface, providing a smooth and intuitive experience for users.
  • Performance Optimization: Optimized the performance of the art generation process, improving the response time and user experience.
JavaScriptReact 17P5.js

About.

Hello, I'm an experienced software engineer with over four years in developing scalable and secure applications. I work with TypeScript and modern frameworks like React and Node.js. My experience covers both front-end and back-end development, and I'm familiar with microservices architecture, cloud platforms such as AWS, and relational databases like PostgreSQL.💻 Outside of work, I enjoy reading books, and I recently finished The Great Gatsby.📚 I also have a fondness for sci-fi movies.🎬 I appreciate the stories they tell and the ideas they explore. I'm dedicated to building solutions that have a meaningful impact.

Contact.

LET'S WORK

TOGETHER

Special thanks to Chetan Verma