Web Module Specifications
Frontend module development specification documents for Viben Web application (apps/web).
Overview
This directory contains frontend development specifications for various functional modules of the Viben Web application, covering core modules such as UI Shell, authentication, user profile, and admin dashboard.
Module Index
| Module | Description | Status |
|---|---|---|
| UI Shell | Application shell: layout, navigation, theming | Complete |
| Auth UI | Authentication UI: login, registration, OAuth | Complete |
| Profile UI | User profile: settings, API key management | Complete |
| Admin UI | Admin dashboard: content moderation, user management | Complete |
Architecture Decisions
Tech Stack
| Technology | Purpose |
|---|---|
| Next.js 15 | React framework, App Router |
| shadcn/ui | UI component library |
| Tailwind CSS | Styling system |
| Zustand | Client-side state management |
| react-hook-form | Form handling |
| zod | Form validation |
Design Principles
- Server Components First: Use server components for data fetching
- Progressive Enhancement: Use client components for forms and interactions
- Type Safety: TypeScript throughout, zod validation
- Consistent Experience: Follow Viben Design System
Related Documentation
- Design System - Design system specifications
- Components - Component development guide