CharacterAI FullStack

Accommadation Web

This project is an "Immersive AI Role-play System" featuring multiple character choices. The core objective is to endow AI with unique personalities and long-term memory through LLM integration. The backend utilizes FastAPI's asynchronous architecture to connect with the latest Google Gemini 2.0 Flash model. The frontend employs gamified UI design, using CSS-skewed layouts and dynamic effects to create an immersive experience. Key technical implementations include a "Memory Summarization Mechanism" and "SQLite Persistence," effectively optimizing token usage and ensuring no loss of dialogue history.

HTMLCSSJavaScriptPython Google Gen AI SDK
Web App UI Design

Accommadation Web

A convenient accommodation search website for Tianzhong Marathon participants, featuring both free public lodging and regular hotels. Built with RWD responsive layout to ensure a smooth browsing experience on both mobile and desktop. Implemented pagination logic in JavaScript to help users efficiently browse through multiple accommodation listings. Established the foundational site structure and UI design to enhance the overall user experience.

HTMLCSSJavaScript
Web App Education

Culture Web

A local culture showcase website promoting Tianzhong's unique characteristics and tourism resources. Designed the navigation bar and page layout using Flexbox, implemented an image carousel, and integrated Google Maps API to display Tianzhong's location. Set up a MySQL database and used PHP to fetch member data.

HTMLCSSJavaScriptMySQL
Game Java

Java Whac-A-Mole Game

A classic Whac-A-Mole game built with Java Swing, utilizing loops and conditional logic to implement core game mechanics including random mole generation, a scoring system, and time control.

JavaSwingOOP