casey

Developed and maintained front-end solutions for Native.org, a decentralized finance platform (DeFi). Led the development of the Native Widget, a front-end npm package built with React, Next.js, and TypeScript, which integrates seamlessly with the Native Router to provide users with liquidity and optimal pricing services. Collaborated with cross-functional teams to optimize performance, enhance user experience, and ensure smooth blockchain-based trading interactions using React Query for efficient data management.

Responsible for full-stack development of an educational web application designed to support efficient language learning. Developed the front-end with React, Redux, Tailwind CSS, and TypeScript, and built the back-end using Python and Django. Integrated Stripe for subscription payments and used AWS S3 and CloudFront for static asset hosting and global content delivery. Addressed key challenges in ensuring accessibility and compatibility for both mainland China (GFW) and international users by implementing cloudflare workers, reverse proxy and optimizing resource delivery for the Chinese market. Additionally, upgraded the typing module and other features to improve page rendering performance and overall user experience.

1.DODOEX: Developed and maintained front-end solutions for DODOEX, a decentralized finance platform (DeFi). Collaborated with cross-functional teams to build new features and enhance user experience, utilizing modern front-end technologies such as React, Redux, and TypeScript to deliver responsive and efficient designs tailored to DeFi users. Key project work included developing a data analytics dashboard, K-line charts, and the Avatar NFT project. Additionally, implemented performance and SEO optimizations, including page load enhancements for trading pages, performance improvements for K-line charts, API request optimizations, domain unification for SEO, and migrating the platform to Next.js for improved scalability and performance. 2.DODO Widgets: Built and developed features for the DODO Widgets project, including the DODO Swap Widget, a customizable front-end interface for the DODO protocol that allows project teams and partners to integrate trading components into their DeFi applications with a single click for seamless asset swaps. Supported multiple chains such as Ethereum, BNB Chain, Polygon, and Arbitrum, and implemented compatibility expansion upgrades to ensure smooth integration with various frameworks like React and Vue, as well as non-framework front-end applications.

1.Learning Systems: Led the architecture and development of a new version of the online learning system for children to learn programming online. Built the platform using React, Redux, and TypeScript, and implemented real-time features based on WebSocket APIs, including text and voice messaging, interactive video courses, real-time calls, and PPT boards. Integrated Live2D to enhance interactivity with students. Addressed significant performance challenges arising from resource-intensive features such as Live2D and interactive videos, optimizing the application to ensure smooth user experiences for students using low-performance computers. 2.PC Client: Led the architecture and development of the new version of PC client for students, enabling students to schedule appointments, review classes, and attend online lessons directly from the client. Built with Electron and React, the client integrates seamlessly with the learning system to support features requiring OS permissions, such as teacher-controlled remote screenshots and automatic playback of voice messages. Implemented hot update and forced update capabilities to ensure smooth version upgrades, and developed a control system for gray release to enable efficient version rollback and improve overall project stability. 3.Teaching System: Led the development and maintenance of the teaching system, including team progress management. This platform enables teachers to interact with multiple students online (up to 40 students simultaneously), requiring the front-end to handle large amounts of data efficiently. As a result, we focused on optimizing performance and implementing effective data caching mechanisms in Redux to ensure smooth interactions. To further enhance the system, introduced a micro-frontend architecture to gradually refactor and split the large web application for improved scalability and maintainability.

Developed and maintained WeiTu, a data visualization platform similar to Tableau, enabling customers to analyze and process data efficiently. Built with React, the platform leverages D3.js to create customized, interactive charts with a high data-ink ratio, and utilizes Dimple.js to build basic charts effectively, delivering a responsive and insightful data analysis experience for users.