User and Role Management System
A modern web application for managing users and roles with a beautiful UI built using Next.js 14, TypeScript, and Tailwind CSS.
Features
- 🔐 Complete user management system
- 👥 Role-based access control
- 📊 Interactive dashboard
- 🔍 Real-time search functionality
- 🌓 Light/Dark mode support
- 🎨 Beautiful UI with shadcn/ui components
- 📱 Fully responsive design
Tech Stack
- Framework: Next.js 14 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Form Handling: React Hook Form
- Validation: Zod
- Icons: Lucide React
Prerequisites
Installation
Clone the repository:
git clone https://github.com/vijayindalkar/vrv-security.git
cd vrv-security
Install dependencies:
npm install
# or
yarn install
Start the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
``
Features in Detail
User Management
- Create, read, update, and delete users
- Real-time search functionality
- Role assignment
- Status management (active/inactive)
Role Management
- Create and manage roles
- Granular permission control
- Role description and metadata
- Permission assignment interface
Dashboard
- Overview of system statistics
- User activity monitoring
- Role distribution visualization
- System status indicators
Development
Available Scripts
npm run dev
- Start development server
npm run build
- Build for production
npm run start
- Start production server
npm run lint
- Run ESLint
Environment Variables
No environment variables are required for local development.