0xjett

1. Responsible for the frontend architecture and development of the main site (https://app.myshell.ai), building a high-performance, user-friendly, and responsive interactive website using Next.js, Tailwind CSS, Shadcn/UI, Zustand, and other technologies. 2. Led the website rendering architecture upgrade, smoothly transitioning from the traditional Page Router CSR solution to App Router, flexibly combining SSG, SSR, ISR, and hybrid rendering. Selected the optimal rendering strategy based on business scenarios, implemented seamless CSR fallback for SSR pages, and fully leveraged Next.js performance capabilities—reducing INP by 90% and LCP across all pages by over 70%, significantly enhancing user experience. 3. Established a data dashboard for SSR-adapted page rendering success/failure and bounce rates using Sensors Analytics and AI tools, facilitating performance bottleneck analysis and driving further optimization. 4. Refactored the chat interaction solution from WebSocket-based to HTTP2 SSE (Server-Sent Events), effectively reducing server load under rapid user growth and improving system stability and scalability. 5. Led the modular refactoring of chat features, encapsulating and splitting chat functionalities with Context, greatly enhancing reusability and portability, and reducing development costs for new scenarios by over 30%. 5. Integrated Web3 login and implemented on-chain check-in tasks with Wagmi, driving external collaboration with Linea to achieve a win-win partnership and expand the product ecosystem. 6. Refactored the information feed detail page opening logic using Next.js parallel and intercepted routing, optimizing sharing flows and page transitions to deliver a smoother user experience. 7. Spearheaded systematic color and component standardization, fully leveraging TailwindCSS to build a highly reusable component library, boosting team development efficiency by over 30%. 8. Built an efficient and standardized code submission workflow using Git and related automation tools, ensuring consistent code style and quality in multi-person collaboration, and significantly improving team efficiency and project maintainability. 9. Participated in React Native development, reusing core data management logic and driving the efficient implementation of key app pages such as the information feed detail, achieving a consistent multi-platform user experience.

1. Took full responsibility for frontend requirements assessment and technical solution design, efficiently coordinated and allocated team tasks, facilitated cross-group collaboration, ensured project progress and quality, and significantly improved overall team execution and communication efficiency. 2. Led the development of an ERP management system based on Vue, Vuex, and Vxe Table, overseeing architectural design and core feature implementation to ensure high availability and scalability of the system. 3. Participated in the introduction and implementation of the qiankun micro-frontend architecture, decomposing large-scale projects into independent modules, optimizing code management processes, enhancing team collaboration and module reusability, enabling efficient and agile frontend development. Additionally, established standardized code submission workflows for new independent projects to ensure consistent code style in multiperson collaboration.

1. Optimized the project's API architecture by independently developing and integrating a custom Webpack Loader to enable compile-time encryption of all APIs, significantly enhancing the security of frontend-backend communication and code maintainability. 2. Participated in the development of HSBC's Customer Due Diligence system, utilizing Angular and TypeScript to implement dynamic questionnaire auto-generation. Led the UI framework upgrade from Ng-Zorro to Angular Material, systematically optimizing and refactoring the project's web accessibility to fully comply with international standards, thereby improving user experience and regulatory compliance. 3. Led the development of a data annotation system based on Vue, Vuex, and Element UI, leveraging SVG to achieve high-precision image and video annotation. Solved challenges such as adaptive scaling of SVG annotation boxes during page zoom, greatly improving the usability and accuracy of the annotation tool.