How mq313qdu-ux/gpa-calculator works
BEAM is a browser-based GPA calculator for a radiology technology program. A student selects a study stage, enters course grades, and calculates a stage GPA; the interface can show the result and let the student edit or reset grades. The sampled source places the curriculum data, calculation helpers, state, and interface in one React component file, so these are shown as logical responsibilities rather than separate modules. The README also documents empty stages and GitHub Pages deployment; deployment is excluded as delivery infrastructure.
Main entry points: App.jsx Calculator UI · main.jsx React entry · App.css Interface styling
Components 6
Calculator
- React entry
src/main.jsx - Calculator UI
src/App.jsx - Stage curriculum
src/App.jsx - GPA logic
src/App.jsx - Interface styling
src/App.css
Other components
- Student
Connections 6
- React entry → Calculator UI: renders
- Student → Calculator UI: enters grades
- Calculator UI → Stage curriculum: reads stages
- Calculator UI → GPA logic: calculates GPA
- GPA logic → Calculator UI: returns result
- Calculator UI → Interface styling: uses styles