Lecture 10

March 20, 2026

Course Project Presentations

Project Introduction

Team 1: Event Ticket System

Event Ticket System is a full-stack web application designed to help organizers create and manage events, distribute digital tickets, and track attendee check-ins efficiently. The system supports three user roles—organizers, staff, and attendees—allowing organizers to create events and monitor real-time attendance, staff to check in participants by scanning QR codes, and attendees to register and receive electronic tickets. Core features include QR code ticket generation and live attendance updates. The platform is built with Next.js and React using TypeScript, PostgreSQL with Prisma for data management, Cloudflare R2 for image storage, and deployed on Vercel.

Team 2: LearnDL

LearnDL is a web-based platform that simplifies and visualizes the deep learning workflow for NLP text classification tasks. It targets students and beginners who want an interactive, code-free environment for experimenting with how different configurations affect outcomes. Users can upload datasets, configure data preprocessing and model configuration, and run training with real-time progress updates. The system also provides visual outputs, such as confusion matrices and learning curves, to aid understanding. Built with React, Next.js, and PostgreSQL, LearnDL integrates DigitalOcean Spaces for users to upload datasets and store trained model artifacts, enabling an end-to-end educational deep learning experience.

Team 3: Journi

Team 3 developed Journi, a full-stack web application that helps travelers organize their trips in one place. The platform uses better-auth for secure authentication and allows users to create trips, plan itineraries, search destinations, and view them pinned on a map using Google Maps API. Users can also upload and download important travel documents. Journi is built using Next.js with TypeScript, with a responsive frontend using Tailwind CSS and shadcn/ui. The application uses PostgreSQL hosted on Neon to manage relational data and DigitalOcean Spaces for secure file storage. Journi aims to simplify trip planning within a single platform.

Team 4: Uhub

Team 4 developed Uhub, a full-stack web application that streamlines university event management for students, organizers, and staff. Students browse and register for campus events, receive QR code tickets, and manage their registrations. Organizers create and publish events and track attendance, while staff verify attendees by scanning QR codes at check-in. Uhub’s backend is built with Express.js and Prisma ORM, connected to PostgreSQL for persistent relational data storage and AWS S3 for image uploads. The frontend is built with React, Tailwind CSS and Redux Toolkit. Our goal is to provide a platform that simplifies campus event management.

Team 5: Personalized Learning Platform

Personalized Learning Platform is a lightweight LMS for small classes and independent educators to deliver structured learning online. It serves two user roles: teachers who publish courses and materials, and students who enroll and learn through the same interface. Core features include secure role-based authentication, course creation and enrollment, file-based material delivery, and auto-graded quizzes with score tracking on dashboards. The project is built with Next.js 14 (React + TypeScript) and Tailwind CSS, backed by PostgreSQL with Prisma, and uses S3-compatible DigitalOcean Spaces with local fallback for uploads.

Team 6: CarbonMap

CarbonMap is a full-stack web application that helps procurement teams compare construction materials based on environmental and logistical factors. Built with Next.js and TypeScript, it uses PostgreSQL on Neon for data storage, DigitalOcean Spaces for file uploads, and Better Auth for authentication and authorization. Suppliers can securely create material records and upload supporting files, while general users explore and compare materials through a live interactive dashboard. The frontend uses Tailwind CSS and shadcn/ui components, and the backend manages validation, access control, and filtering. Our goal is to enable informed procurement decisions that balance environmental impact, cost, and supply risks.

Team 7: Demokritos

Demokritos is an online learning platform where individuals can easily find new materials of interest and manage their online learning courses through one centralized hub. Students can find and enroll into open courses through the marketplace and manage current courses through an interactive dashboard. Instructors can edit and publish courses along with respective course modules, including links, assignments, and quizzes, to the marketplace and track class progress on graded submissions. The application is developed with Next.js full-stack with PostgresSQL for storing information on users and courses, and Better Auth framework for user authentication.

Team 8: Document Review System

Although document commenting has been a standard feature in modern word processors such as Microsoft Word and Google Docs, the value of users’ contributions through annotations is often overlooked in team settings, particularly after comments are resolved. Our team has prototyped a new document review system that enforces users to categorize comments when they are created. This design aims to highlight the typically “invisible” contributions to the review process, such as ideation, coordination, and emotional support. By structuring comments by contribution type, the system further enables visualization of each team member’s role and impact during collaborative document review.

Team 9: iBulletin

Team 9 built iBulletin, a full-stack Next.js and TypeScript web application, containerized with Docker, that helps students discover and participate in student-led initiatives, addressing the challenge of missed event information caused by scattered communication. Users can join communities, explore and comment on media-rich posts, and receive real-time updates through WebSockets. iBulletin uses PostgreSQL with Prisma ORM for data management and has a frontend built with React, Tailwind CSS, and ShadCN UI components. Authentication is handled using Better Auth, while DigitalOcean Spaces supports cloud storage. Through this, iBulletin enables students to stay updated and participate in activities they enjoy.

Team 10: Online Learning and Course Management

This project is a next-generation, full-stack web platform for online learning and course management. Built with Next.js, TypeScript, and Tailwind CSS, it enables educators to create, manage, and distribute interactive educational content, while allowing students to engage with materials, track progress, and receive structured feedback. Key features include secure role-based authentication, cloud-based file uploads, and a scalable Prisma database. An integrated LLM-powered chatbot provides personalized support, enhancing usability and engagement for all users.

Team 11: Analytica

Our team built Analytica, a collaborative data analysis platform for exploring and understanding structured datasets. Users can upload CSV or JSON files, summarize useful metadata, generate previews, and create interactive graphs through a simple web interface. Collaboration is achieved through user roles for view and edit access, and a comment and annotation system on visualizations. Analytica is designed for data scientists, analysts, and researchers who want a faster, more organized way to work together. The app uses React, Express, PostgreSQL, and DigitalOcean Spaces, and focuses on collaboration, secure access, and automated file processing.

Team 12: Course Management Platform

This project is a full-stack course management platform built with React on the frontend and Express with TypeScript on the backend. It allows students to browse and search for courses, enroll in them, and complete assignments and quizzes. Instructors can create and manage course content and grade student submissions. The application features role-based login and access control. Data is persisted in a PostgreSQL database using Prisma ORM, with a clean RESTful API connecting the two layers. Larger files are stored in Digital Ocean Spaces for download and preview. The platform aims to provide a streamlined, modern learning experience.

Team 13: LiveLogSim

LiveLogSim is a web-based microservice log replay and diagnostics platform. Ops Engineers can upload historical log files (CSV/JSON) and replay them with timestamp-accurate playback at adjustable speeds, while interactive visualizations, including a service dependency graph, log level distribution chart, and volume analytics, update in real time. The platform features multi-user collaboration via WebSocket, role-based access control, and cloud storage integration. Built with Next.js 14, React, PostgreSQL, Prisma, and MinIO, LiveLogSim enables teams to reconstruct and diagnose production incidents as if watching them unfold live.

Team 14: Application Tracker

Team 14 built Application Tracker, a full-stack web application that helps job seekers organize and manage their application pipeline in one place. Users can track applications across stages, attach resumes and cover letters, log timeline events, and use AI-powered summarization to extract key details from job postings.

The system is built with Next.js and React using TypeScript, PostgreSQL with Prisma ORM for data persistence, and S3 for cloud document storage. Authentication is handled via Better Auth, and the interface is styled with Tailwind CSS and shadcn/ui components.

Team 15: Fitness Tracker

Fitness Tracker is a full-stack web application that helps users monitor daily nutrition, exercise, and overall fitness progress in one place. It is designed for people who want to gain weight, lose fat, or simply track their health habits more consistently. Users can search and log foods, record workouts, and view a personalized dashboard with calorie intake, calories burned, macronutrient breakdowns, and activity trends over time. The system is built with React and TypeScript on the frontend, Express and TypeScript on the backend, and PostgreSQL with Prisma for persistent data management.

Team 16: OrgTree

OrgTree is an interactive web application designed to help organizations understand and navigate complex team structures and ownership relationships. The platform is intended for employees, team leads, and administrators who need quick visibility into reporting hierarchies and responsibility across projects, clients, and technologies. The system visualizes organizational hierarchies through an interactive chart and enables dynamic filtering to discover relevant teams and owners. It is built using a Next.js full-stack architecture with TypeScript, a PostgreSQL relational database accessed through Prisma, and Tailwind CSS with shadcn/ui for the interface.

Team 17: TicketGate

TicketGate is a full-stack web application for managing event ticketing and QR-based check-in. It is designed for small organizers, staff, and attendees who need a more reliable alternative to spreadsheets and manual check-in. The system allows organizers to create events, configure ticket types, and assign staff, while attendees can claim tickets and staff can validate entry through QR or token-based check-in. TicketGate is built with React + TypeScript on the frontend, Express + TypeScript on the backend, PostgreSQL for relational data, and S3-compatible cloud storage for event assets.