How codeinee-hash/clone-miro-front works
This is a Miro-like board application frontend. Users can sign in or register, then browse boards, search and sort them, view favorites and recent boards, manage boards, and open an individual board. The sampled code confirms route dispatch, auth and board API calls, and token persistence/refresh; board-page behavior and several page-to-hook connections are not shown, so those links are omitted.
Main entry points: router.tsx Route dispatcher · instance.ts Main API · session.ts Session state · login.page.tsx Login and register
Components 18
Application shell
- Route dispatcher
src/app/router.tsx - App providers
src/app/providers.tsx - App layout
src/app/app.tsx
Authentication
- Login and register
src/features/auth/login.page.tsx - Auth forms
src/features/auth/view/login-form.tsx - Auth validation
src/features/auth/lib/auth.schemas.ts - Auth service
src/features/auth/model/auth.service.ts
Board discovery
- Board list pages
src/features/board-list/board-list.page.tsx - Board filters and views
src/features/board-list/view/board-search.tsx - Board list actions
src/features/board-list/model/use-board-list.ts - Board service
src/features/board-list/model/board-list.service.ts - Board workspace
src/features/board/board.page.tsx
Shared services
- Session state
src/shared/model/session.ts - Main API
src/shared/api/instance.ts - Authenticated API
src/shared/api/instance.ts
Other components
- User
- Browser local storage
- Backend API
Connections 16
- User → Route dispatcher: navigates
- Route dispatcher → App providers: wraps routes
- Route dispatcher → App layout: renders
- Route dispatcher → Login and register: dispatches auth
- Route dispatcher → Board list pages: dispatches lists
- Route dispatcher → Board workspace: dispatches board
- Login and register → Auth forms: renders
- Auth forms → Auth validation: validates with
- Auth service → Main API: calls
- Main API → Backend API: sends requests
- Session state → Browser local storage: reads and writes
- Session state → Main API: refreshes token
- Board list pages → Board filters and views: renders controls
- Board list actions → Board service: calls
- Board service → Authenticated API: calls
- Authenticated API → Backend API: sends requests