CS Elec 1: Data Warehousing Billing Fullstack

coding

Documentation for the Billing and Insurance fullstack website using Next.js and Supabase

Kirby
Kirby
CS Elec 1: Data Warehousing Billing Fullstack

This is not a tutorial

I am just going to document what the heck I have done, which is the fullstack website for the billing for datawarehousing

Purpose:

Be a site that show a terribly great UI front page for Billing and Insurance department of the Cloud Inc Co. Hospital for the CS elec 1 course.

og-image.png

The user can login with supabase auth with email verification

Shows graphs that visualize facts within the data provided e.g pie chart of gender distribution for the patients

Have an AI assistant wherein it is fed data from supabase so we can ask it question rooted with the database

Screenshot 2025-09-21 105727.png

Tech Stack:

Next.JS for frontend and backend of the system

Typescirpt for typeSafety

Tailwind for styling

Shadcn and other React components library for componenents

Supabase for database and authentication

Google Gemini for AI summary and Chatbot

Misc: Theree.Js for the Beam design from the front page, Framer motion for animated components, and Vercel for deployment

Yapping:

github repository link? idk maybe, maybe not hehe messy codebase:> :<

Anyways while you are here you can now visit the site at:


dw.kirbycope.com

Kirby

CS Elec 1: Data Warehousing Billing Fullstack

CS Elec 1: Data Warehousing Billing Fullstack

Kirby