How bsitcmu-26-27/ui-ux-design-java-booth works
This is a student-facing digital Freedom Wall: visitors browse and create anonymous or named posts, while administrators review and manage submissions. The sampled provider shows API-backed post loading, submission, reactions, and deletion, with browser storage helpers; route and component names support the other wall, canvas, booth, and admin surfaces. Some feature wiring is not shown in the excerpts, so those links are limited to what the tree and sampled code support.
Main entry points: wall-provider.tsx Wall state · index.tsx Home page · post-composer.tsx Post composer · admin.tsx Admin route
Components 21
App shell
- Root shell
- Router setup
src/router.tsx
Community wall
- Home page
src/routes/index.tsx - Wall route
src/routes/wall.tsx - Wall browser
src/components/freedom-wall/wall-browser.tsx - Canvas route
src/routes/canvas.tsx - Canvas board
src/components/freedom-wall/canvas-board.tsx - Booth route
src/routes/booth.tsx - About route
src/routes/about.tsx - Post composer
src/components/freedom-wall/post-composer.tsx - Note card
src/components/freedom-wall/note-card.tsx
Admin and moderation
- Admin route
src/routes/admin.tsx - Admin panel
src/components/freedom-wall/admin-panel.tsx
Data and integrations
- Wall state
src/components/freedom-wall/wall-provider.tsx - Post model
src/lib/freedom-wall.ts - Browser storage
- Admin credentials
src/lib/admin-auth.ts
Other components
- Visitor
- Administrator
- Wall API
- Turnstile
Connections 25
- Visitor → Router setup: opens
- Router setup → Root shell: renders
- Root shell → Home page: routes
- Root shell → Wall route: routes
- Root shell → Canvas route: routes
- Root shell → Booth route: routes
- Root shell → About route: routes
- Root shell → Admin route: routes
- Root shell → Wall state: provides state
- Wall route → Wall browser: renders
- Canvas route → Canvas board: renders
- Home page → Note card: renders posts
- Home page → Wall state: reads posts
- Wall browser → Wall state: uses wall state
- Canvas board → Wall state: uses wall state
- Root shell → Post composer: renders
- Post composer → Wall state: submits post
- Post composer → Turnstile: verifies submission
- Admin route → Admin panel: renders
- Administrator → Admin route: opens
- Admin panel → Wall state: uses wall state
- Wall state → Wall API: fetches and mutates posts
- Wall state → Browser storage: reads and writes
- Wall state → Post model: uses post types
- Wall state → Admin credentials: gets admin key