👉 See more on my Github!
💎 Gem Miner Game
Ready to dig for some sparkling gems? Welcome to Gem Miner, the most relaxed mining game out there! Unearth diamonds, collect colorful gemstones, and dodge pesky rocks in your adventure.
With multiple levels and random surprises like sudden rainstorms or mysterious fog, you'll never know what to expect next. Think you have what it takes? See how far you can go!
Skills: React, TypeScript, Webpack.
Play Online: React Jam
🎮 Paper-cutting Game
🏆 Apple WWDC 2024 Swift Student Challenge Winner WWDCScholars
The core of the game revolves around guiding players through the process of symmetrical paper cutting, starting with a user-friendly tutorial. The game then prompts users to predict the symmetrical patterns that unfold as they fold and cut the paper, presenting three options for them to choose the correct outcome.
By creating this app, my aspiration is for users to appreciate the artistic beauty of traditional Chinese paper cutting, fostering a connection with the cultural heritage.
Skills: Swift, Figma
Github Repo: PaperCut Game
✨ Interactive Web Tour
🏆 Google Summer of Code 2023 project
Proposed and created an interactive web tour to facilitate the exploration of less prominent features, promoting efficient utilization of cancer genomics data, completed the end-to-end tests using Mocha.
Skills: React, TypeScript, End-to-End Testing.
Pull Request: Add Interactive Web Tour #4687
Related Blog: GSoC 2023: Interactive Web Tour
GSoC Program: Proposal
Project Description: #86
More Documentation: Doc
Online Review: Interactive Tours
✨ StickyNoteX
A note-taking web app designed to keep track of your daily to-do and work schedule, offering features like easy note creation through clicking or click-and-drag actions, editable text using contentEditable, effortless repositioning through dragging, convenient note deletion via the delete key, resizable notes, and the ability to customize background colors.
Skills: React, Redux, SCSS, TypeScript.
Github Repo: StickyNoteX
Features:
- Click/Click-and-drag to create notes.
- Edit notes content.
- Drag to reposition.
- Delete note by delete key.
- Resize notes.
- Customize background color.
✨ A 3D version of Breakout
A 3D version of the classic Brick Breaker game, built using @react-three/fiber, JavaScript and React.
Skills: WebGL, THREE.js, React, TypeScript.
Github Repo: Breakout Web Game
Related Blog: Game Development: 3D Breakout
Readings: Principles of Computer Graphics
✨ Paper Search Engine Based on Distributed Crawler
A paper search engine, which includes a Scrapy-Redis distributed crawler, an Elasticsearch search engine, and a Django full-stack application, providing a platform for students to easily search and access research papers.
Skills: Python, Scrapy, Elastic Search, Redis, Django, JavaScript.
Github Repo: Search Engine
✨ Teaching Affairs Management System for Colleges
Assisting schools in building a model framework, leveraging online resources, and delivering a set of tools to address various pain points in the education process, ultimately enhancing teacher productivity.
Skills: SpringBoot, ReactNative, MongoDB, TypeScript.
Apple Store: Mobile App
✨ Course Selection Administration System
This is the frontend code for the system. It encompasses three user roles: 1. Student Course Selection, 2. Teacher Course Offering, and 3. Administrative Control. Apologies, the backend code is missing.
Skills: Vue, Element, JavaScript, Webpack.
Github Repo: Course Selection Administration System
✨ 2048 Web Game
This is a web-based implementation of the popular 2048 game, created entirely using vanilla JavaScript, HTML, and CSS.
Skills: JavaScript, HTML, CSS.
Github Repo: 2048
See more on my Github!