How dima0808/studease-frontend-v2 works
StudEase is a React study-management frontend for authentication, tests, collections, courseboards, and student test-taking. The main assessment workflow opens a test link, loads test information, collects student credentials, serves questions, finishes the session, and lets an instructor review submitted answers. Separate management routes cover test and collection creation and detail views. The graph reflects routes and state interactions shown in sampled files; several page and action implementations were not sampled, so uncertain service calls and subsystem wiring are omitted.
Main entry points: App.jsx Route application · TestSessionPage.jsx Test entry · SessionDetailsPage.jsx Answer review · testSession.actions.js Session actions
Components 23
Authentication
- Login and register
src/components/AuthForm - Auth layout
src/layout/AuthLayout/AuthLayout.jsx - Auth actions
src/store/auth/auth.actions.js - Auth state
src/store/auth/auth.slice.js
Study management
- Tests listing
src/pages/TestsPage/TestsPage.jsx - Test details
src/pages/TestInfoPage/TestInfoPage.jsx - Collections
src/pages/CollectionsPage/CollectionsPage.jsx - Collection details
src/pages/CollectionInfoPage/CollectionInfoPage.jsx - Courseboards
src/pages/CourseboardsPage/CourseboardsPage.jsx - Create content
src/pages/CreatePage/CreatePage.jsx - AI generator
src/components/AIGeneratorBlock/AIGeneratorBlock.jsx
Assessment workflow
- Test entry
src/pages/TestSessionPage/TestSessionPage.jsx - Session layout
src/layout/TestSessionLayout/TestSessionLayout.jsx - Session stages
src/pages/TestSessionPage/components - Question renderers
src/pages/TestSessionPage/components - Session actions
src/store/testSession/testSession.actions.js - Session state
src/store/testSession/testSession.slice.js - Answer review
src/pages/SessionDetailsPage/SessionDetailsPage.jsx - Response normalization
src/utils/normalizeTestSession.js
Application state
- Route application
src/App.jsx - Collection actions
src/store/collections/collections.actions.js
Other components
- User
- Backend API
Connections 24
- User → Route application: opens routes
- Route application → Auth layout: routes auth
- Auth layout → Login and register: renders outlet
- Login and register → Auth actions: dispatches auth
- Auth actions → Auth state: updates state
- Route application → Tests listing: routes tests
- Route application → Collections: routes collections
- Route application → Courseboards: routes boards
- Route application → Test details: routes details
- Route application → Collection details: routes details
- Route application → Create content: routes creation
- Route application → Test entry: routes test link
- Route application → Answer review: routes review
- Tests listing → Collection actions: dispatches actions
- Test entry → Session actions: loads test
- Test entry → Session state: reads session state
- Session actions → Session state: updates session
- Test entry → Session layout: renders session
- Test entry → Session stages: selects stage
- Session stages → Question renderers: renders questions
- Answer review → Session actions: fetches responses
- Answer review → Response normalization: normalizes response
- Answer review → Question renderers: renders answers
- Create content → AI generator: optional generation