How muradhosenrafi/dashboard-e-commerce works
ARMANE is a browser-based account registration, email-OTP verification, login, and password-reset frontend; its Express/MongoDB backend is external. Users enter through routed registration or login forms, with pending verification resumable in the same tab; successful verification leads to login. The graph preserves documented reset and home routes, but their implementation details are not sampled. Edges reflect sampled imports/calls and README API contracts; backend behavior is not represented as inspected source.
Main entry points: login.jsx Login page · Registion.jsx Registration page · App.jsx Route application · OtpModal.jsx OTP verification
Components 18
Routing and pages
- Route application
src/App.jsx - Home page
src/page/HomePage.jsx
Account workflows
- Registration page
src/Registion.jsx - OTP route page
src/OtpPage.jsx - OTP verification
src/OtpModal.jsx - Login page
src/login.jsx - Reset request dialog
container/otppopup.jsx - Reset password page
src/ResetPasswordPage.jsx
Form and session support
- Auth layout
src/components/AuthLayout.jsx - Form fields
src/components/FormField.jsx - Auth form hook
src/components/useAuthForm.js - Auth validation
src/lib/authValidation.js - Expiry countdown
src/components/useExpiry.js - Pending verification
src/lib/verificationSession.js
API and state
- Auth API client
src/lib/authApi.js - User info slice
src/slices/userinfoslices.js
Other components
- Visitor
- Auth backend
Connections 32
- Visitor → Route application: opens routes
src/App.jsx - Route application → Registration page: routes to
src/App.jsx - Route application → Login page: routes to
src/App.jsx - Route application → OTP route page: routes to
src/App.jsx - Route application → Reset request dialog: routes to
src/App.jsx - Route application → Reset password page: routes to
src/App.jsx - Route application → Home page: routes to
src/App.jsx - Registration page → Auth layout: renders in
src/Registion.jsx - Registration page → Form fields: renders
src/Registion.jsx - Registration page → Auth form hook: uses
src/Registion.jsx - Registration page → Expiry countdown: checks deadline
src/Registion.jsx - Registration page → Pending verification: reads and writes
src/Registion.jsx - Registration page → Auth API client: submits registration
src/Registion.jsx - Registration page → OTP route page: navigates to
src/Registion.jsx - OTP route page → OTP verification: renders
src/OtpPage.jsx - OTP route page → Pending verification: checks pending entry
src/OtpPage.jsx - OTP verification → Auth API client: submits code
src/OtpModal.jsx - OTP verification → Expiry countdown: checks deadline
src/OtpModal.jsx - OTP verification → Pending verification: clears verified entry
src/OtpModal.jsx - Login page → Auth layout: renders in
src/login.jsx - Login page → Form fields: renders
src/login.jsx - Login page → Auth form hook: uses
src/login.jsx - Login page → Auth API client: submits login
src/login.jsx - Login page → Pending verification: stores pending entry
src/login.jsx - Login page → OTP route page: resumes verification
src/login.jsx - Login page → Reset request dialog: opens dialog
src/login.jsx - Login page → User info slice: dispatches action
src/login.jsx - Auth form hook → Auth validation: validates fields
src/components/useAuthForm.js - Registration page → Auth backend: registration request
README.md - Login page → Auth backend: login request
README.md - OTP verification → Auth backend: verification request
README.md - Login page → Auth backend: reset request
README.md