π Beijing, China | Frontend Developer | Algorithm Enthusiast | Open Source Learner
π Personal Website: michael18811380328.github.io
What I'm doing
π I'm a front end software engineer (mainly JS) interested in leetcode algorithms, react, testing and automation.
I'm currently learning some new things - mostly focusing on algorithms and React etc.
If you would like to get in touch, please find the "About" page of my blog: there is an email address there.
In my free time, I usually go hiking or road biking.
Independent and practical projects developed by myself
| Project | Tech Stack | Description | Status |
|---|---|---|---|
| game | JS/TS/Python |
A collection of small fun games. A basic game development practice project for accumulating front-end interaction and logical programming experience. | Active |
| LeetCode | JS/TS/Python/Algorithm |
Personal algorithm brushing repository, including various problem solutions and universal coding templates, continuously updated. | Updating |
| train-route-map | React/Map Visualization |
Train route visualization system. It displays cities, stations, train routes and detailed schedule information with interactive map functions. | Active |
| HelloTs | TypeScript |
Comprehensive TypeScript beginner practice project, including basic syntax, advanced features and practical demos to solidify TS skills. | Completed |
| HelloVUE | JavaScript/Vue |
Vue framework learning project, including basic component development, page construction and interactive functions for novice learning. | Completed |
| webpack-babel | Webpack/Babel/JS |
Front-end engineering practice repository. It builds Webpack + Babel packaging environment to learn modern front-end construction workflow. | Completed |
| Personal Blog | JS/Python/Blog |
Personal technical homepage and blog. Records personal projects, technical articles and daily learning notes as an open-source resume. | Updating |
| BetterGeo | Minecraft\-Mod |
A custom terrain generation mod for Minecraft, optimizing the original terrain logic and expanding game gameplay. | Archived |
| Leisure | Java |
A leisure website developed with Java, including basic server architecture and functional module development practice. | Archived |
Repositories for technical learning, function testing and code training
| Project | Tech Stack | Description | Purpose |
|---|---|---|---|
| third-part-libs | JavaScript |
Sort out and test common front-end third-party libraries, encapsulate basic usage for daily development reuse. | Tech Accumulation |
| codecombat | Frontend/Coding Learning |
A game-based coding learning platform. Practice programming logic and improve coding thinking through interactive levels. | Code Practice |
High-quality open-source projects for source code learning and secondary development
| Project | Source | Description | Learning Direction |
|---|---|---|---|
| ai-app-examples | micooz/ai-app-examples | A collection of AI application development cases, covering practical AI landing projects for learning and secondary development. | AI Application Development |
| zh-hans.reactjs.org | reactjs/zh-hans.react.dev | Mirror of the official React Chinese documentation for offline reading and knowledge sorting. | React System Learning |
| genshin_artifact | wormtql/genshin_artifact | Genshin Impact artifact analysis tool, supporting automatic matching, scoring and potential evaluation. | Tool Development |
| PixivBiu | txperl/PixivBiu | A practical Pixiv auxiliary tool with image downloading and content filtering functions. | Crawler & Tool Development |
| react | yisainan/react | High-quality React project collection for learning industrial-level architecture and best practices. | React Advanced Practice |
| pinyin-match | xmflswood/pinyin-match | High-performance pinyin matching library, supporting word segmentation, abbreviation and polyphonic character matching for search scenarios. | Frontend Tool Library |
| react-and-redux | mocheng/react-and-redux | Source code of the book <Deep Dive into React and Redux>, focusing on state management and advanced React development. | Redux State Management |
| web-to-react-native-style | yiminghe/web-to-react-native-style | A conversion tool for transforming web styles to React Native styles to solve cross-end style compatibility problems. | Cross-platform Development |
| USTC-CS-Courses-Resource | ustcwpz/USTC-CS-Courses-Resource |
A comprehensive collection of USTC CS course resources, including courseware, exercises and learning materials. | Computer Science Learning |
