Shi Zhang's Projects

Full-stack web application for sharing fun facts. User can apply sort, search, create, vote and comment functions.

• Architected interactive social web app with community engagement; built React frontend implementing hooks and state management for dynamic UX.
• Developed backend database integrations and reusable container/presentational components enabling CRUD operations, image uploads and user authentication.
• Demonstrated full-stack proficiency utilising React, Supabase, Git; engineered features like voting, categorization and commenting to facilitate community contribution.

A font-end application provide user with filter, search, and visualize functions for weather data.

• Engineered an web application that fetched data using an API call, and updated information using useEffect React Hook and async/await syntax.
• Optimized the filter functions to allow multiple inputs being applied at the same time.
• Visualized the weather data with attractive graphs, embedded a detail page for each entry.

Expense Tracking Visualizer | Desktop Application

JavaFX application to visualize expense and tax in various graphs from csv file.

• Designed the TaxCalculatorApp class to load, manage, and save shopping items from/to a CSV file and to perform tax calculations based on different categories.
• Utilized the Model-View-Controller (MVC) architecture, with JavaFX for the view layer, enabling a user-friendly graphical interface.
• Defined tax classifications for different categories (like Alcohol, Tobacco, Prepared Food) and implemented tax calculation logic.
• Established a main entry point (Main.java) for the JavaFX application, which loads the initial user interface from an FXML file.

Android Mobile application to track and manage grocery inventory effectively.

• Developed core functionalities using Kotlin, incorporating features like product listings, search filters, and user interactions with tooltips and alerts.
• Successfully launched the StayStocked app, receiving positive feedback from 140+ audience members.

Android mobile application to access the latest movie posters.

• Created an android application fetching movie data using API call.
• Utilized RecyclerView to display a list of scrollable data.
• Modified the theme of the application for both light and dark mode.

A real-time object recognition system for video streams using C++ and OpenCV.

• Designed an image database for feature vector storage, object matching, and automated labeling.
• Implemented feature extraction algorithms, and introduced K-Nearest Neighbor (KNN) matching and Hausdorff distance-based contour recognition for accurate object classification.
• Successfully classified multiple object types with enhanced accuracy and evaluated system performance using a confusion matrix, demonstrating the system's robustness and efficiency.

A real-time augmented reality application for video streams using C++ and OpenCV.

• Engineered a C++ application integrating OpenCV for camera calibration and enabling real-time 3D object projection.
• Implemented robust camera calibration using chessboard patterns, storing parameters in local database.
• Developed features for dynamic interaction with the augmented environment, including virtual object manipulation, feature detection, and real-time rendering adjustments based on user input.

A user-friendly interface for "Sea Monster Crowdfunding" to showcase funded and unfunded games.

• Incorporated interactive features, including buttons to filter games by funding status.
• Used DOM manipulation to dynamically display game cards, company statistics, and top-funded games.
• Stylistically enhanced the website using CSS for a cohesive visual experience.

Chat Room | Computer Networking Application

A dynamic, real-time chat application using Flask and Flask-SocketIO, enabling the creation and management of multiple chat rooms.

• Developed a web-based chat application allowing users to join and create chat rooms with unique codes.
• Utilized Flask for backend server setup and Flask-SocketIO for real-time bidirectional communication between clients and server.
• Implemented a responsive user interface using HTML, CSS, and JavaScript with dynamic content insertion and real-time chat functionality.
• Implemented room management and message handling logic in Python, ensuring efficient and responsive user interactions.

A simple quiz application for user to test their IT/CS related knowledge.

• Assembled a quiz app allows user answers questions and stores top 5 scores.
• Created basic CSS, JavaScript, and HTML skeleton without assistance of libraries or frameworks.
• Fetched trivia questions from Open Trivia DB API, and saved high scores in Local Storage.

An AI-powered chat application that processes and integrates document context to enhance user interactions.

• Integrated local AI models and external AI services to provide contextual responses based on uploaded documents.
• Developed the frontend using React, Next.js, and Material-UI, with a clean and responsive design.
• Implemented server-side logic to handle file uploads, document processing, and API requests to external services.
• Deployed the application on Vercel, enabling seamless usage both locally and in a production environment.

A content creator management platform that allows users to browse, add, edit, and delete creator profiles with ease.

• Built with React and Supabase, offering a responsive UI for managing creator profiles.
• Implemented core CRUD functionalities, allowing users to create, read, update, and delete creator details.
• Designed with a card-based interface, featuring image overlays and hover effects for an enhanced user experience.
• Utilized Vite for fast development and optimized performance, with live previews and hot module replacement.