ME 211 / Sample review4.5/5
Clear explanations and a useful set of practice problems.
Fictional preview content
Product systems / Internal toolsTTslo / internal branch
Theta Tau SLO internal platform
A private Cal Poly Mechanical Engineering hub that turns a chapter website into a useful student product: plan the degree, understand prerequisite paths, and share course experience with the people coming next.
React
application layer
Supabase
data + auth
member sign-in
Internal
product branch
Public product preview
Let people try the idea, not the private system.
This small interactive screen uses fictional content to show the product loop without exposing member accounts, private records, or the internal codebase.
Cal Poly ME Hub
A limited public preview
Prerequisite flow
See what unlocks next.
ME 211Complete
Engineering Statics
ME 212Next
Dynamics
ME 302Prereq
Thermodynamics
ME 341Prereq
Fluid Mechanics
Personal planning
Turn the flowchart into a plan.
Progress
34%
12 of 35 core courses
Next recommendations
SampleME 212 / Dynamics01
ME 302 / Thermodynamics02
ME 341 / Fluid Mechanics03
Shared perspective
Give the next student better context.
ME 341 / Sample review4.0/5
Challenging material, but the course structure makes the expectations clear.
Fictional preview content
No sign-in, private records, or internal source is exposed in this preview.
Backend architecture
Useful state that survives the session.
The important work in this branch is not just the interface. It is the boundary between a member, their academic plan, and a shared body of course knowledge.
01
Google OAuth access
Supabase Auth establishes the member session once at the application boundary. Internal routes stay behind the same access gate instead of duplicating login checks page by page.
02
Per-member curriculum state
The curriculum record stores completed, in-progress, and discarded courses, planned terms, catalog mode, concentration, technical electives, and profile details for each user.
03
Shared review records
Members can browse and add professor reviews with ratings, difficulty, term, written feedback, and would-take-again signals. Course pages read the same records directly.
04
Internal product branch
The internal branch changes the product surface from a public chapter site into an ME student hub while keeping the academic tools focused and member-only.
Data flow
From sign-in to saved plan.
01
Authenticate
Google OAuth returns a Supabase session.
02
Load
The app fetches the signed-in member's curriculum row.
03
Interact
Flowchart and dashboard actions update local state immediately.
04
Persist
Changes are debounced and upserted back to Supabase.
Product surface
A small system with several useful views.
Interactive prerequisite flowchart
Quarter and semester curriculum modes
Concentration and technical-elective planning
Progress dashboard with recommendations
Professor reviews grouped by course
Account settings for name, major, and avatar glyph
Engineering boundary
A real product, with a clear next layer.
The internal branch already proves the core loop: authenticated users can change meaningful academic state and see it again later. The next layer is expanding the private member experience while keeping sensitive academic content behind the access boundary.
ReactReact RouterSupabase AuthPostgres-backed stateGoogle OAuthResponsive UI
Private case study
Internal product / Theta Tau SLO