How dendennnnn/csit340-g6-midterms-ibale works
Cloudline is a small React plan-pricing interface: users adjust seat and month counts, compare three plans, and see totals calculated from those values. The active screen is implemented directly in App.jsx; main.jsx mounts it. The repository also contains a separate, currently unmounted enterprise waitlist component and reusable plan-card components. The excerpts show the active flow and the PlanCard-to-Feature relationship; they do not show the standalone components being wired into App.
Main entry points: main.jsx React mount · App.jsx Plan builder screen · PlancCard.jsx Reusable plan card · Feature.jsx Plan feature item
Components 6
Application runtime
- React mount
src/main.jsx - Plan builder screen
src/App.jsx
Plan pricing
- Reusable plan card
src/components/PlancCard.jsx - Plan feature item
src/components/Feature.jsx
Enterprise waitlist
- Waitlist panel
src/components/Waitlist.jsx
Other components
- Browser user
Connections 4
- Browser user → React mount: opens app
src/main.jsx - React mount → Plan builder screen: renders
src/main.jsx - Browser user → Plan builder screen: changes plan inputs
src/App.jsx - Reusable plan card → Plan feature item: renders
src/components/PlancCard.jsx