Orion App Store

App Portfolio & Engineering Projects Showcase.

HOT
Orion
ReactNode.jsMongoDBSocket.ioCloud Run

Orion

SUMMARY

Orion is a modern Personal Knowledge Management (PKM) and Digital Garden system. It acts as a bridge between public expression and private introspection, powered by React 19 and Gemini AI.

DESCRIPTION

Personal cloud system with fitness tracking, socket chat, and portfolio management.
HOT
Orion Voice2Map

Orion Voice2Map

SUMMARY

Turn your stream of consciousness into structured mind maps instantly.

DESCRIPTION

🎤
Speak Freely
Don't worry about structure. Just talk about your travel plans, meeting notes, or brainstorming ideas.

🧠
AI Analysis
Gemini 3 Pro identifies entities, tasks, and relationships from your messy audio.

🗺️
Visual Map
Instantly generates an interactive mind map you can edit, expand, and export.
HOT
Orion AI Debate Game

Orion AI Debate Game

SUMMARY

Enter a topic. Watch two AI personas engage in a real-time battle of ideas.

DESCRIPTION

Real-time Match
A real-time AI battle platform. Watch contrasting algorithms fight for dominance using logic and rhetoric.
HOT
Orion Compress X
GolangReact

Orion Compress X

SUMMARY

Professional media processing tools. Supports English & Chinese for global accessibility.

DESCRIPTION

Orion Compress X is a professional client-side media processing tool suite featuring smart image compression, format conversion, and media downloading capabilities.

## Features

* **Smart Compression**: Intelligently reduce file size without visible quality loss. Support for batch processing.
* **Format Conversion**: Convert between WebP, JPG, PNG, and more instantly in your browser.
* **Media Downloader**: Download video (MP4) or extract audio (MP3) from major platforms like YouTube and TikTok.
* **Privacy First**: All image processing happens locally in your browser.

## Author
HOT
Infinite AI RPG

Infinite AI RPG

SUMMARY

Experience an infinite text-based RPG powered by Gemini. Everything is generated in real-time.

DESCRIPTION

核心玩法: 有剧本的 RPG 游戏,一切由 AI 实时生成。

交互流程:

开局:“你醒在一个赛博朋克风格的上海街头。”

界面不仅有对话框,还有 动态的状态栏(血量、金钱、背包)。

当你在剧情里“捡起一把激光剑”,Gemini 返回特殊的 JSON 指令,前端界面里的背包会自动多出一个图标。
Pick
Orion X Professional AI Vector Design
React

Orion X Professional AI Vector Design

SUMMARY

Orion X is an online, AI-powered vector graphics (SVG) editor.

DESCRIPTION

Orion X is an online, AI-powered vector graphics (SVG) editor. Its key features include:

AI Generation & Modification: The bottom-right corner shows integration with "Gemini 3 Pro". Users can generate or modify SVG graphics by entering text prompts (e.g., "Describe the SVG you want" or instructions like "Change the circle color to red").

Visual Vector Editing: The left sidebar provides standard design tools (selection, shapes) and a properties panel (stroke color, size, opacity, fill) for manual adjustments.

Real-time Code View (SVG Source): The top-right corner displays the raw SVG XML code in real-time, which is highly useful for developers to copy and use directly.

Export Options: It supports exporting designs as either SVG (vector) or PNG (raster) files.

Artboard Management: Users can select different canvas aspect ratios (e.g., Default 4:3).
Pick
ImmerseRead
React

ImmerseRead

SUMMARY

Turn any book into an interactive adventure. Upload a file or enter a title to start a gamified learning journey.

DESCRIPTION

Turn any book into an interactive adventure. Upload a file or enter a title to start a gamified learning journey.

Pick
Five-Line Blossom & Vol-Price Space-Time(Self-created Trading model)
React

Five-Line Blossom & Vol-Price Space-Time(Self-created Trading model)

SUMMARY

Deep Trading Model Based on Micro-Chip Structure and Multi-Cycle Resonance

DESCRIPTION

The Ultimate Art of Trading
This guide is not a simple chart tutorial, but a comprehensive combat system integrating Philosophy, Trend Geometry, Metaphysics, Volume Dynamics, Neuroscience, Market Psychology, and Behavioral Finance.

"Designed to reshape the trader's cognitive framework, covering Technical Analysis (Skill), Money Management (Method), and Mindset (Tao). Essential for mastering the market. This guide is effective not only for A-shares, but also for US and HK stocks, as it studies the essence of volume, price, time, space, and human nature. The stock market is driven by sentiment and liquidity."
Pick
Sonic Viber
React

Sonic Viber

SUMMARY

Visualize the Beat. Ignite the Rhythm.

DESCRIPTION

Sonic Vibe is more than just an audio visualizer; it is your personal lighting engineer. Powered by real-time audio analysis, Sonic Vibe captures the pulse, bass, and dynamic shifts of your music, instantly transforming them into an electrifying strobe light show on your screen.

Imagine having a professional DJ booth right in your pocket. As the music plays, your screen comes alive, pulsating in perfect synchronization with every beat. Whether you are zoning out to late-night tracks or lighting up a house party via screen mirroring, Sonic Vibe delivers an immersive audio-visual experience that bridges the gap between sound and sight. Turn it on, and let the light dance to your melody.
Pick
BY Editor LIGHTWEIGHT TOOLKIT
React

BY Editor LIGHTWEIGHT TOOLKIT

SUMMARY

A modern, lightweight rich-text editor component for React applications. Built for speed, simplicity, and ease of use.

DESCRIPTION

This is a rich text editor built for modern React applications.

Supports Markdown shortcuts
Image compression & upload
Syntax highlighting
Smart Paste Cleaning
Orion Low code Platform
React

Orion Low code Platform

SUMMARY

Low-code is a development methodology that allows for the rapid creation of applications with minimal manual coding, using graphical interfaces, drag-and-drop operations, and pre-built modules. It lowers the barrier to entry for development, enabling both professional developers and business users (citizen developers) to efficiently create applications, accelerating digital transformation and enhancing innovation capabilities within enterprises. Low-code platforms achieve significant improvements in development efficiency and agility by automating repetitive tasks and abstracting complexity.

DESCRIPTION

Core characteristics of low-code:
Visual modeling: Designing user interfaces and business logic using drag-and-drop and configuration methods.
Model-driven: Automatically converting visual models into executable code.
Pre-built components: Providing common modules and connectors such as forms, workflows, and reports.
Rapid development: Significantly shortening the application development lifecycle.
Flexibility and scalability: Allowing professional developers to add custom code to meet complex requirements.
Chroma Flow 2.0
React

Chroma Flow 2.0

SUMMARY

View different sets of combined colors in real time, you can also get the CSS right away

AI-powered trading mastery platform
React

AI-powered trading mastery platform

SUMMARY

This system is an AI-powered trading mastery platform built upon the classic "Volume-Price-Time-Space" framework and the "Five Lines Blossoming" moving average strategy. Our goal is to help you evolve from a novice mindset to a Market Maker mentality. Through AI empowerment, we guide you from foundational theory (Library) and advanced psychology (Curriculum) to practical drills (Simulation) and decision support (Analyzer), completely reshaping your trading system to find certainty in a volatile market.

DESCRIPTION

This system is an AI-powered trading mastery platform built upon the classic "Volume-Price-Time-Space" framework and the "Five Lines Blossoming" moving average strategy. Our goal is to help you evolve from a novice mindset to a Market Maker mentality. Through AI empowerment, we guide you from foundational theory (Library) and advanced psychology (Curriculum) to practical drills (Simulation) and decision support (Analyzer), completely reshaping your trading system to find certainty in a volatile market.
Cosmic Wealth Predictor
React

Cosmic Wealth Predictor

SUMMARY

融合五线开花、波浪理论与黄金分割的古老智慧,揭示市场波动的量价时空秘密。

DESCRIPTION

融合五线开花、波浪理论与黄金分割的古老智慧,揭示市场波动的量价时空秘密。

BeeHex 3D Print
HTML/CSS

BeeHex 3D Print

SUMMARY

BeeHex Official Website,BeeHex is a NASA spin-off company modernizing food preparation and personalization with the most advanced 3D printing and robotics system in the food industry.

DESCRIPTION

BeeHex Official Website,BeeHex is a NASA spin-off company modernizing food preparation and personalization with the most advanced 3D printing and robotics system in the food industry.
Color Generator
HTML/CSS

Color Generator

SUMMARY

like lots of css generators out there on web, this is a small yet powerful app for creating gradient color css

DESCRIPTION

like lots of css generators out there on web, this is a small yet powerful app for creating gradient color css
Lalamove Node.js SDK
Node.jsSOAApollogRPC

Lalamove Node.js SDK

SUMMARY

Enterprise Backend Infrastructure

DESCRIPTION

Standardized Node.js SDK integrating Service Discovery and Monitoring.
YouTube Redesign
HTML/CSS

YouTube Redesign

SUMMARY

The famous YouTube,back in school,I had a UX course that was given an assignment that worked with YouTube to redesign their website. I did a lot of research and usability test,etc...

DESCRIPTION

The famous YouTube,back in school,I had a UX course that was given an assignment that worked with YouTube to redesign their website. I did a lot of research and usability test,etc...
Apex Legend Checker
HTML/CSSVueNode.js

Apex Legend Checker

SUMMARY

this app used Vue and Node.js that created a awesome Api for users to check their scores of Apex Legend

DESCRIPTION

this app used Vue and Node.js that created a awesome Api for users to check their scores of Apex Legend
VueTube Video Watching
HTML/CSSVue

VueTube Video Watching

SUMMARY

Used Vue and YouTube API to make this awesome Ads-free video playing website,you can search your favorite YouTube videos from here

DESCRIPTION

Used Vue and YouTube API to make this awesome Ads-free video playing website,you can search your favorite YouTube videos from here
Microsoft official site
HTML/CSS

Microsoft official site

SUMMARY

According to Microsoft layout,I remade this website using HTML,CSS,JS, but there is no actual processing functions, just for fun

DESCRIPTION

According to Microsoft layout,I remade this website using HTML,CSS,JS, but there is no actual processing functions, just for fun
CookieCannon Cookie Store
HTML/CSSVue

CookieCannon Cookie Store

SUMMARY

I made this app using Vue and Django,because some issues was going on in our company,so that our server is currently down and this project is delayed. Front end side is connected to Back end side, so the features on front end might not be working at this point.

DESCRIPTION

I made this app using Vue and Django,because some issues was going on in our company,so that our server is currently down and this project is delayed. Front end side is connected to Back end side, so the features on front end might not be working at this point.
HTML/CSS

Book Marker

SUMMARY

You can manage the book you have read and take notes of it

DESCRIPTION

You can manage the book you have read and take notes of it
Developer Job Board
HTML/CSS

Developer Job Board

SUMMARY

a place that made for Zero to mastery community, which provides developers to make friend with each other and find jobs

DESCRIPTION

a place that made for Zero to mastery community, which provides developers to make friend with each other and find jobs
HTML/CSS

Tracalories App

SUMMARY

A simple web app,you can add or delete food and calories of it,you can also get the calculated calories of suggested data you should get

DESCRIPTION

A simple web app,you can add or delete food and calories of it,you can also get the calculated calories of suggested data you should get
HTML/CSSReactNode.js

Friend Keeper app

SUMMARY

This app is made by mongoDB,Node,React,Express.You can sign up a user and log in ,you can save and create new contact and their tags

DESCRIPTION

This app is made by mongoDB,Node,React,Express.You can sign up a user and log in ,you can save and create new contact and their tags
loan calculator
HTML/CSS

loan calculator

SUMMARY

Handy small app that enables you to calculator how much many you need and how much time to pay for the loan in no time

DESCRIPTION

Handy small app that enables you to calculator how much many you need and how much time to pay for the loan in no time
Sam Clothing
HTML/CSSReact

Sam Clothing

SUMMARY

Made by using React,Reduxand Firebase authentication and firestore,Stripe.js payment processing tool,the users could use this fully functional website to purchase their desire clothing

DESCRIPTION

Made by using React,Reduxand Firebase authentication and firestore,Stripe.js payment processing tool,the users could use this fully functional website to purchase their desire clothing
HTML/CSSReact

GitHub User Finder

SUMMARY

This is made by GITHUB API and react to search for a specific user and to check there personal website or repository or stars,etc...

DESCRIPTION

This is made by GITHUB API and react to search for a specific user and to check there personal website or repository or stars,etc...