{"id":29313030,"url":"https://github.com/codebangla/signal-admin","last_synced_at":"2025-10-24T15:33:52.155Z","repository":{"id":303048380,"uuid":"1014242541","full_name":"codebangla/signal-admin","owner":"codebangla","description":"Singal Admin – Free Angular Admin Dashboard Template A modern, responsive Angular admin template built with Angular 20, Tailwind CSS, and PrimeNG. Singal Admin includes a ready-to-use Angular admin login, fully featured admin dashboard, and modular components. Ideal for enterprise apps, CMS systems, and internal tools.","archived":false,"fork":false,"pushed_at":"2025-07-05T10:38:07.000Z","size":5,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-05T11:36:34.356Z","etag":null,"topics":["admin-dashboard","admin-template","admin-ui","angular","angular20","primeng","typescript"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codebangla.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2025-07-05T10:25:14.000Z","updated_at":"2025-07-05T10:38:10.000Z","dependencies_parsed_at":"2025-07-05T11:38:52.495Z","dependency_job_id":"ca9aabb5-6581-4939-957d-1c222c0775a4","html_url":"https://github.com/codebangla/signal-admin","commit_stats":null,"previous_names":["codebangla/signal-admin"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codebangla/signal-admin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebangla%2Fsignal-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebangla%2Fsignal-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebangla%2Fsignal-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebangla%2Fsignal-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codebangla","download_url":"https://codeload.github.com/codebangla/signal-admin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codebangla%2Fsignal-admin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264049080,"owners_count":23549405,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["admin-dashboard","admin-template","admin-ui","angular","angular20","primeng","typescript"],"created_at":"2025-07-07T09:14:00.073Z","updated_at":"2025-10-24T15:33:52.150Z","avatar_url":"https://github.com/codebangla.png","language":null,"readme":"![Signal Admin Preview](https://i.imgur.com/uTfn6RP.png)\n\n# Signal Admin Panel\n\nA modern admin panel built with Angular 20, Angular Material, and TailwindCSS. Features a responsive design with collapsible sidebar, user management, forms, and UI components.\n\n## Features\n\n- **Modern Stack**: Angular 20 with standalone components and lazy loading\n- **UI Framework**: Angular Material with TailwindCSS for styling\n- **Responsive Design**: Mobile-first approach with collapsible sidebar\n- **Authentication**: Mock login/signup with route guards\n- **User Management**: CRUD operations with search and filtering\n- **Form Components**: Comprehensive form examples with validation\n- **UI Components**: Showcase of various Material Design components\n- **Mock API**: json-server for development and testing\n\n## Project Structure\n\n```\nsrc/\n├── app/\n│   ├── core/\n│   │   ├── models/          # Data models\n│   │   ├── services/        # Core services\n│   │   └── guards/          # Route guards\n│   ├── features/\n│   │   ├── dashboard/       # Dashboard feature\n│   │   ├── user/           # User management\n│   │   └── admin/          # Admin features\n│   ├── layouts/\n│   │   ├── auth-layout/    # Authentication layout\n│   │   └── main-layout/    # Main app layout\n│   ├── pages/\n│   │   ├── login/          # Login page\n│   │   └── signup/         # Signup page\n│   └── shared/             # Shared components\n├── assets/\n│   └── mock-api/           # Mock API data\n└── environments/           # Environment configs\n```\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js 20+\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/codebangla/signal-admin.git\ncd signal-admin\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm start\n```\n\n4. Start the mock API server (in a separate terminal):\n\n```bash\nnpm run api\n```\n\nThe application will be available at `http://localhost:4200`\n\n## Available Scripts\n\n- `npm start` - Start development server\n- `npm run build` - Build for production\n- `npm run api` - Start json-server mock API\n- `npm run test` - Run unit tests\n- `npm run lint` - Run ESLint\n\n## Authentication\n\nThe app includes mock authentication with the following credentials:\n\n- **Email**: admin@example.com\n- **Password**: admin123\n\n## Features Overview\n\n### Dashboard\n\n- Overview cards with key metrics\n- Recent activity feed\n- Quick action buttons\n\n### User Management\n\n- User list with search and filtering\n- Add/Edit/Delete operations\n- Role-based status indicators\n- Avatar support\n\n### Forms\n\n- Comprehensive form examples\n- Validation patterns\n- Various input types (text, email, select, date, etc.)\n- Form submission handling\n\n### UI Components\n\n- Buttons, cards, chips\n- Progress indicators\n- Badges and icons\n- Lists and tabs\n- Expansion panels\n\n## Mock API\n\nThe project includes a json-server setup with the following endpoints:\n\n- `GET /users` - Get all users\n- `GET /users/:id` - Get user by ID\n- `POST /users` - Create new user\n- `PUT /users/:id` - Update user\n- `DELETE /users/:id` - Delete user\n\n## Styling\n\nThe project uses:\n\n- **TailwindCSS 3.4.0** for utility classes\n- **Angular Material** for components\n- **Custom CSS** for specific styling needs\n\n## Development\n\n### Adding New Features\n\n1. Create feature folder in `src/app/features/`\n2. Add routes to appropriate layout\n3. Create standalone components\n4. Add to navigation if needed\n\n### Component Structure\n\nAll components are standalone and follow this pattern:\n\n```typescript\n@Component({\n  selector: \"app-component-name\",\n  standalone: true,\n  imports: [\n    /* Material modules */\n  ],\n  template: `/* Inline template */`,\n})\nexport class ComponentName {}\n```\n\n## Deployment\n\n1. Build the application:\n\n```bash\nnpm run build\n```\n\n2. Deploy the `dist/signal-admin` folder to your hosting provider.\n\n## Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Submit a pull request\n\n## License\n\nThis project is licensed under the MIT License.\n","funding_links":[],"categories":["Site Templates"],"sub_categories":["Free Templates"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebangla%2Fsignal-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodebangla%2Fsignal-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodebangla%2Fsignal-admin/lists"}