Projects
Profolio
A modern, minimalist portfolio website built with Next.js 15 and Tailwind CSS v4. Features internationalization, dark mode, and smooth animations.Key Features
Modern Tech Stack
Built with the latest Next.js 15 and React Server Components.
Internationalization
Full support for English and Chinese languages.
Responsive Design
Perfectly adapted for all screen sizes.
Jiraira
A comprehensive full-stack project management platform and Jira clone designed for streamlined team collaboration. It features a complete workflow from workspace management to interactive Kanban boards, offering a modern UI and fluid interactions to help teams manage development processes and task priorities effectively.
Key Features
Full-stack Workspace Management
Supports switching between multiple workspaces with integrated member invitations and role-based access control.
Interactive Kanban System
Provides a drag-and-drop Kanban board for real-time task status updates and progress tracking.
High-Performance API Layer
Utilizes Hono.js as the backend framework combined with Appwrite for seamless authentication and data persistence.
Responsive Task Editor
Built with complex form management to support task creation, editing, assignment, and timeline views.
E-Commerce Store & Admin
一个全栈式电商解决方案，包含面向用户的购物前台和面向商家的管理后台。支持多店铺管理、分类过滤、产品属性自定义（大小、颜色）以及集成 Stripe 支付。后台提供了强大的 API 供前端消费，实现了从商品上架到订单处理的完整链路。
Key Features
多店铺管理系统
单个后台即可创建并管理多个独立的在线店铺。
全自动内容管理
支持动态管理看板、类别、尺寸、颜色和产品属性。
支付集成
集成 Stripe 实现安全支付流程，并支持订单状态实时追踪。
高性能 API
为前端商店提供高效的 RESTful API 接口，支持复杂的数据过滤。
ChatBox AI
A high-performance AI chat platform built with Next.js. This project deeply integrates various LLMs, supporting real-time streaming responses, long/short-term memory management, and multi-context conversation switching. The interface follows a minimalist design, providing a ChatGPT-like smooth interaction experience with support for custom API key configuration.
Key Features
Streaming Interaction
Achieves ultra-smooth typewriter effects using the Vercel AI SDK.
Multi-Model Support
Flexible integration with mainstream LLMs like OpenAI and Claude.
Responsive Interface
Built with Tailwind CSS for a perfect experience across desktop and mobile browsers.
Chat Persistence
Supports local or cloud storage for chat history to ensure no context is lost.
School Management Panel
A full-stack School Management System (SaaS) designed to streamline educational administration and collaborative teaching. The system integrates complex RBAC, student/teacher profiling, scheduling, exam recording, and performance analytics. Through an intuitive dashboard, administrators can monitor school operations in real-time, significantly enhancing digital management efficiency.
Key Features
Role-Based Access Control
Fine-grained permission management for Administrators, Teachers, Students, and Parents.
Academic Workflow
Automated management of class scheduling, attendance tracking, assignment distribution, and grading.
Data Visualization
Integrated graphical reports for visualizing student performance trends, attendance rates, and resource allocation.
Modern Interaction
Optimized with React Server Components for fast loading and a seamless administrative user experience.
Slack Clone
A full-stack, real-time team collaboration platform that meticulously recreates the core Slack experience. It features multi-workspace management, public/private channels, and direct 1:1 messaging. By leveraging cutting-edge reactive database technology, the system ensures zero-latency synchronization, seamless file sharing, and real-time member presence tracking.
Key Features
Real-time Architecture
Utilizes Convex for a reactive backend, ensuring instant message delivery across all clients.
Workspace & Channel Logic
Hierarchical management of workspaces and channels with granular access controls.
Rich Media Support
Integrated file uploading, image rendering, and real-time message editing/deletion capabilities.
Responsive Interface
Built with Radix UI for accessible components and professional-grade sidebar/mobile navigation.
Google Docs Clone
A full-stack real-time collaborative document platform that replicates the core experience of Google Docs. Supporting auto-save, threading comments, and real-time cursor tracking. The system features a professional rich-text editor, allowing team members to edit the same document simultaneously without conflicts.
Key Features
Real-time Collaboration
Integrated Liveblocks for multi-user editing with real-time cursor presence and status updates.
High-Performance Editor
Utilizes Meta's Lexical framework for a smooth, highly extensible rich-text editing experience.
Access Control
Built-in document permissions management allowing users to invite members via email with View/Edit roles.
Collaborative Threading
Supports adding comments and replies directly on document sections, facilitating deep team communication.
Next Social
A modern full-stack social media platform built with Next.js 14. The system implements the core loop of social applications, including image-rich post creation, multi-level comment threads, like interactions, and friend request workflows. It provides an immersive social experience similar to Facebook or Twitter through optimized UI/UX design, with Clerk integrated for secure authentication and profile management.Key Features
Dynamic Social Feed
Allows users to publish posts with images, featuring efficient content delivery and real-time data updates.
Friendship System
Comprehensive social relationship management, including sending, accepting, or declining friend requests.
Media Management
Integrated Cloudinary cloud services for high-performance image uploading, processing, and CDN distribution.
Responsive Social UI
Beautifully crafted interface with Tailwind CSS, perfectly tailored for social interactions across all devices.