NoxVR Front is the main web interface for the NoxVR platform. It provides user-facing pages for authentication, profiles, worlds, avatars, and settings, as well as a dashboard for managing content. It consumes the REST API exposed by the node backend.
- Authentication — login, registration, email verification, 2FA (TOTP), session management
- User Profiles — view profiles, bios, tags, presence status, follow/unfollow
- Worlds — browse, create, edit, upload thumbnails and assets
- Avatars — browse, create, edit, upload assets per platform
- Dashboard — account settings, profile editing, session management
- Internationalization — multi-language support via
react-i18next - Design System — custom UI components with Tailwind CSS and semantic CSS variables
- Dark Mode — full light/dark theme support via
next-themes
| Category | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript 5 |
| UI Library | React 19 |
| Styling | Tailwind CSS 4 + tw-animate-css |
| Components | Radix UI, Base UI, shadcn/ui |
| Icons | Iconify (Material Symbols) |
| Forms | react-hook-form + zod |
| Tables | TanStack Table |
| i18n | react-i18next + i18next |
| Charts | Recharts |
| Markdown | react-markdown + Shiki |
npm install
npm run dev # start dev server at http://localhost:3000
npm run build # production build
npm run lint # eslintVisit /design in dev mode to browse the live design system gallery.