{"id":41326394,"url":"https://github.com/imajkumar/admindashboard-react-nextjs","last_synced_at":"2026-01-23T06:08:22.701Z","repository":{"id":312750877,"uuid":"1047997982","full_name":"imajkumar/admindashboard-react-nextjs","owner":"imajkumar","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-14T19:30:54.000Z","size":1962,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-14T20:18:41.685Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imajkumar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-31T17:36:09.000Z","updated_at":"2025-09-14T19:16:36.000Z","dependencies_parsed_at":"2025-09-01T20:31:58.208Z","dependency_job_id":"1b8ee48c-5f2b-4e00-a381-58e53ff43705","html_url":"https://github.com/imajkumar/admindashboard-react-nextjs","commit_stats":null,"previous_names":["imajkumar/admindashboard-react-nextjs"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/imajkumar/admindashboard-react-nextjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imajkumar%2Fadmindashboard-react-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imajkumar%2Fadmindashboard-react-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imajkumar%2Fadmindashboard-react-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imajkumar%2Fadmindashboard-react-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imajkumar","download_url":"https://codeload.github.com/imajkumar/admindashboard-react-nextjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imajkumar%2Fadmindashboard-react-nextjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28681911,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-23T05:48:07.525Z","status":"ssl_error","status_checked_at":"2026-01-23T05:48:07.129Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-23T06:08:20.971Z","updated_at":"2026-01-23T06:08:22.689Z","avatar_url":"https://github.com/imajkumar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🏢 Enterprise Admin Dashboard\r\n\r\nA **modular, scalable, enterprise-ready admin dashboard** built with Next.js 14, React 18, TypeScript, and Ant Design. Designed for large-scale applications with multiple modules, complex permissions, and extensive customization options.\r\n\r\n## 🚀 **Features**\r\n\r\n### 🏗️ **Architecture**\r\n- **Modular Design** - Scalable module-based architecture\r\n- **TypeScript** - Full type safety throughout the application\r\n- **Next.js 14** - App Router with server-side rendering\r\n- **React 18** - Latest React features and performance\r\n- **Ant Design** - Professional UI components and theming\r\n\r\n### 🌍 **Multi-Language Support**\r\n- **English \u0026 Russian** - Full localization support\r\n- **RTL Support** - Right-to-left language support\r\n- **Dynamic Language Switching** - Real-time language changes\r\n- **Localized Validation** - Form validation messages in multiple languages\r\n\r\n### 🎨 **Theme System**\r\n- **Light/Dark Mode** - Automatic theme switching\r\n- **Custom Color Schemes** - Configurable theme colors\r\n- **Persistent Preferences** - Theme saved in localStorage\r\n- **Responsive Design** - Mobile-first approach\r\n\r\n### 🔐 **Authentication \u0026 Authorization**\r\n- **Role-Based Access Control (RBAC)** - Granular permissions\r\n- **JWT Authentication** - Secure token-based auth\r\n- **Permission-Based Navigation** - Dynamic menu based on user roles\r\n- **Session Management** - Secure session handling\r\n\r\n### 📱 **Responsive \u0026 Accessible**\r\n- **Mobile-First Design** - Optimized for all devices\r\n- **Touch-Friendly Interface** - Gesture support\r\n- **Keyboard Navigation** - Full keyboard accessibility\r\n- **Screen Reader Support** - ARIA labels and roles\r\n\r\n## 📁 **Project Structure**\r\n\r\n```\r\nadminfront/\r\n├── public/                          # Static assets\r\n│   ├── file.svg\r\n│   ├── globe.svg\r\n│   ├── next.svg\r\n│   ├── vercel.svg\r\n│   └── window.svg\r\n├── src/\r\n│   ├── app/                         # Next.js App Router\r\n│   │   ├── dashboard/              # Dashboard module\r\n│   │   │   └── page.tsx           # Dashboard main page\r\n│   │   ├── layout.tsx             # Root layout with providers\r\n│   │   └── page.tsx               # Login page\r\n│   ├── components/                  # Reusable components\r\n│   │   ├── forms/                 # Form components\r\n│   │   │   └── UserCreationDrawer.tsx\r\n│   │   └── navigation/            # Navigation components\r\n│   │       ├── DynamicNavigation.tsx\r\n│   │       ├── Breadcrumb.tsx\r\n│   │       ├── LanguageSwitcher.tsx\r\n│   │       └── ModuleMenu.tsx\r\n│   ├── config/                      # Configuration files\r\n│   │   ├── constants.ts           # Application constants\r\n│   │   ├── theme.ts               # Theme configuration\r\n│   │   ├── axios.ts               # Axios configuration\r\n│   │   ├── modules.ts             # Module configuration\r\n│   │   └── i18n.ts                # Internationalization config\r\n│   ├── controllers/                 # Business logic controllers\r\n│   │   ├── BaseController.ts      # Base controller class\r\n│   │   └── users/                 # User module controllers\r\n│   │       ├── index.ts           # User exports\r\n│   │       └── UserController.ts  # User-specific controller\r\n│   ├── contexts/                    # React contexts\r\n│   │   ├── ThemeContext.tsx       # Theme management\r\n│   │   └── LanguageContext.tsx    # Language management\r\n│   ├── hooks/                       # Custom hooks\r\n│   │   └── useAuth.ts             # Authentication hook\r\n│   ├── services/                    # API services\r\n│   │   ├── api.ts                 # Base API service\r\n│   │   ├── authService.ts         # Authentication service\r\n│   │   ├── userService.ts         # User management service\r\n│   │   └── dashboardService.ts    # Dashboard service\r\n│   └── utils/                       # Utility functions\r\n│       └── iconUtils.tsx          # Icon management\r\n├── .gitignore                       # Git ignore rules\r\n├── .env.example                     # Environment variables example\r\n├── biome.json                       # Biome configuration\r\n├── next.config.js                   # Next.js configuration\r\n├── package.json                     # Dependencies and scripts\r\n├── postcss.config.mjs              # PostCSS configuration\r\n├── PROJECT_STRUCTURE.md            # Detailed project documentation\r\n├── README.md                       # This file\r\n├── tsconfig.json                   # TypeScript configuration\r\n└── package-lock.json               # Locked dependencies\r\n```\r\n\r\n## 🧩 **Module System**\r\n\r\n### **Core Modules**\r\n1. **Dashboard** (`/dashboard`) - Overview and statistics\r\n2. **Users** (`/users`) - User management and roles\r\n3. **Content** (`/content`) - Content management system\r\n4. **E-Commerce** (`/ecommerce`) - Product and order management\r\n5. **Analytics** (`/analytics`) - Data analytics and reporting\r\n6. **Settings** (`/settings`) - System configuration\r\n7. **Help** (`/help`) - Documentation and support\r\n\r\n### **Module Features**\r\n- **CRUD Operations** - Create, Read, Update, Delete\r\n- **Bulk Actions** - Mass operations on multiple items\r\n- **Search \u0026 Filtering** - Advanced search capabilities\r\n- **Import/Export** - Data import and export functionality\r\n- **Audit Logging** - Complete activity tracking\r\n- **Permission-Based Access** - Role-based feature access\r\n\r\n## 🔐 **Permission System**\r\n\r\n### **Permission Levels**\r\n- **`read`** - View data and reports\r\n- **`write`** - Create and edit data\r\n- **`delete`** - Remove data\r\n- **`admin`** - Full administrative access\r\n\r\n### **User Roles**\r\n1. **Super Admin** - Full system access\r\n2. **Admin** - Module-level administration\r\n3. **Manager** - Team and content management\r\n4. **User** - Basic access to assigned modules\r\n5. **Guest** - Limited read-only access\r\n\r\n## 🛠️ **Technology Stack**\r\n\r\n### **Frontend**\r\n- **Next.js 14** - React framework with App Router\r\n- **React 18** - UI library with latest features\r\n- **TypeScript** - Type-safe JavaScript\r\n- **Ant Design** - UI component library\r\n- **Tailwind CSS** - Utility-first CSS framework\r\n\r\n### **Development Tools**\r\n- **Biome** - Fast linter and formatter\r\n- **Husky** - Git hooks for pre-commit checks\r\n- **ESLint** - Code linting\r\n- **Prettier** - Code formatting\r\n\r\n### **State Management**\r\n- **React Context** - Global state management\r\n- **Local Storage** - Persistent data storage\r\n- **Session Storage** - Temporary data storage\r\n\r\n## 🚀 **Getting Started**\r\n\r\n### **Prerequisites**\r\n- Node.js 18+ \r\n- npm or yarn\r\n- Git\r\n\r\n### **Installation**\r\n\r\n1. **Clone the repository**\r\n   ```bash\r\n   git clone \u003crepository-url\u003e\r\n   cd adminfront\r\n   ```\r\n\r\n2. **Install dependencies**\r\n   ```bash\r\n   npm install\r\n   ```\r\n\r\n3. **Set up environment variables**\r\n   ```bash\r\n   cp .env.example .env.local\r\n   # Edit .env.local with your configuration\r\n   ```\r\n\r\n4. **Start development server**\r\n   ```bash\r\n   npm run dev\r\n   ```\r\n\r\n5. **Open your browser**\r\n   ```\r\n   http://localhost:3000\r\n   ```\r\n\r\n### **Available Scripts**\r\n\r\n```json\r\n{\r\n  \"dev\": \"npm run build \u0026\u0026 next dev\",     // Build + start dev server\r\n  \"build\": \"next build\",                 // Production build\r\n  \"start\": \"next start\",                 // Start production server\r\n  \"lint\": \"biome check\",                 // Lint code\r\n  \"format\": \"biome format --write\",      // Format code\r\n  \"type-check\": \"tsc --noEmit\",          // Type checking\r\n  \"prepare\": \"husky install\"             // Install Husky hooks\r\n}\r\n```\r\n\r\n## 🔧 **Configuration**\r\n\r\n### **Environment Variables**\r\n```env\r\n# API Configuration\r\nNEXT_PUBLIC_API_URL=https://api.example.com\r\nNEXT_PUBLIC_AUTH_SERVICE_URL=http://localhost:3001\r\nNEXT_PUBLIC_USER_SERVICE_URL=http://localhost:3002\r\n\r\n# Application Settings\r\nNEXT_PUBLIC_APP_NAME=Admin Dashboard\r\nNEXT_PUBLIC_APP_VERSION=1.0.0\r\nNEXT_PUBLIC_DEFAULT_LANGUAGE=en\r\n\r\n# Feature Flags\r\nNEXT_PUBLIC_ENABLE_ANALYTICS=true\r\nNEXT_PUBLIC_ENABLE_NOTIFICATIONS=true\r\n```\r\n\r\n### **Theme Configuration**\r\n```typescript\r\n// src/config/theme.ts\r\nexport const lightTheme = {\r\n  token: {\r\n    colorPrimary: '#1890ff',\r\n    colorSuccess: '#52c41a',\r\n    colorWarning: '#faad14',\r\n    colorError: '#ff4d4f',\r\n  }\r\n};\r\n```\r\n\r\n## 📊 **Performance Features**\r\n\r\n### **Optimizations**\r\n- **Code Splitting** - Automatic bundle splitting\r\n- **Lazy Loading** - Component lazy loading\r\n- **Image Optimization** - Next.js image optimization\r\n- **Static Generation** - Pre-rendered pages\r\n- **Caching** - Intelligent caching strategies\r\n\r\n### **Monitoring**\r\n- **Performance Metrics** - Core Web Vitals tracking\r\n- **Error Logging** - Comprehensive error tracking\r\n- **User Analytics** - User behavior insights\r\n- **System Health** - Application monitoring\r\n\r\n## 🔒 **Security Features**\r\n\r\n### **Authentication**\r\n- **JWT Tokens** - Secure token-based authentication\r\n- **Token Refresh** - Automatic token renewal\r\n- **Session Management** - Secure session handling\r\n- **Multi-Factor Authentication** - Enhanced security (future)\r\n\r\n### **Data Protection**\r\n- **Input Validation** - Comprehensive data validation\r\n- **XSS Protection** - Cross-site scripting prevention\r\n- **CSRF Protection** - Cross-site request forgery protection\r\n- **Data Encryption** - Sensitive data encryption (future)\r\n\r\n## 🌐 **Deployment**\r\n\r\n### **Production Build**\r\n```bash\r\nnpm run build\r\nnpm start\r\n```\r\n\r\n### **Docker Deployment**\r\n```dockerfile\r\nFROM node:18-alpine\r\nWORKDIR /app\r\nCOPY package*.json ./\r\nRUN npm ci --only=production\r\nCOPY . .\r\nRUN npm run build\r\nEXPOSE 3000\r\nCMD [\"npm\", \"start\"]\r\n```\r\n\r\n### **Environment-Specific Configs**\r\n- **Development** - Local development settings\r\n- **Staging** - Pre-production testing\r\n- **Production** - Live environment settings\r\n\r\n## 🤝 **Contributing**\r\n\r\n### **Development Workflow**\r\n1. **Fork** the repository\r\n2. **Create** a feature branch\r\n3. **Make** your changes\r\n4. **Test** thoroughly\r\n5. **Commit** with conventional commits\r\n6. **Push** to your branch\r\n7. **Create** a pull request\r\n\r\n### **Code Standards**\r\n- **TypeScript** - Strict type checking\r\n- **ESLint** - Code quality rules\r\n- **Prettier** - Consistent formatting\r\n- **Conventional Commits** - Standard commit messages\r\n\r\n### **Testing**\r\n```bash\r\n# Run tests\r\nnpm test\r\n\r\n# Run tests with coverage\r\nnpm run test:coverage\r\n\r\n# Run e2e tests\r\nnpm run test:e2e\r\n```\r\n\r\n## 📈 **Roadmap**\r\n\r\n### **Phase 1 - Core Features** ✅\r\n- [x] Basic dashboard structure\r\n- [x] User authentication\r\n- [x] Multi-language support\r\n- [x] Theme system\r\n- [x] Modular architecture\r\n\r\n### **Phase 2 - Advanced Features** 🚧\r\n- [ ] Real-time notifications\r\n- [ ] Advanced analytics\r\n- [ ] Workflow automation\r\n- [ ] API documentation\r\n- [ ] Mobile app\r\n\r\n### **Phase 3 - Enterprise Features** 📋\r\n- [ ] Single Sign-On (SSO)\r\n- [ ] LDAP integration\r\n- [ ] Advanced reporting\r\n- [ ] Multi-tenant support\r\n- [ ] Microservices architecture\r\n\r\n## 📞 **Support**\r\n\r\n### **Documentation**\r\n- **API Documentation** - Complete API reference\r\n- **User Guide** - End-user documentation\r\n- **Developer Guide** - Technical documentation\r\n- **Troubleshooting** - Common issues and solutions\r\n\r\n### **Community**\r\n- **GitHub Issues** - Bug reports and feature requests\r\n- **Discussions** - Community discussions\r\n- **Wiki** - Project wiki and guides\r\n\r\n## 📄 **License**\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\r\n\r\n## 🙏 **Acknowledgments**\r\n\r\n- **Ant Design** - UI component library\r\n- **Next.js Team** - React framework\r\n- **Vercel** - Deployment platform\r\n- **Open Source Community** - Contributors and maintainers\r\n\r\n---\r\n\r\n**Built with ❤️ for enterprise applications**\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimajkumar%2Fadmindashboard-react-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimajkumar%2Fadmindashboard-react-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimajkumar%2Fadmindashboard-react-nextjs/lists"}