{"id":21935959,"url":"https://github.com/kryptonbd/turin-userhub","last_synced_at":"2026-05-06T12:34:14.112Z","repository":{"id":265083888,"uuid":"893720450","full_name":"KryptonBD/turin-userhub","owner":"KryptonBD","description":"Angular CRUD application","archived":false,"fork":false,"pushed_at":"2024-11-27T15:19:16.000Z","size":243,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-20T17:11:25.402Z","etag":null,"topics":["angular","angular-material"],"latest_commit_sha":null,"homepage":"","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/KryptonBD.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}},"created_at":"2024-11-25T04:55:28.000Z","updated_at":"2024-11-27T15:19:30.000Z","dependencies_parsed_at":"2024-11-27T15:45:26.214Z","dependency_job_id":null,"html_url":"https://github.com/KryptonBD/turin-userhub","commit_stats":null,"previous_names":["kryptonbd/turin-userhub"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fturin-userhub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fturin-userhub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fturin-userhub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KryptonBD%2Fturin-userhub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KryptonBD","download_url":"https://codeload.github.com/KryptonBD/turin-userhub/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244966524,"owners_count":20539797,"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":["angular","angular-material"],"created_at":"2024-11-29T01:12:29.977Z","updated_at":"2026-05-06T12:34:14.067Z","avatar_url":"https://github.com/KryptonBD.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Turin Userhub\r\n\r\nAn Angular application for managing users with features like listing, creating, editing, and deleting users. Built with Angular 18, Angular Material, and Tailwind CSS.\r\n\r\n## Features\r\n\r\n- User list with pagination\r\n- Create and edit users\r\n- Delete users with confirmation\r\n- Responsive material design\r\n- Mock authentication (Bearer token)\r\n- Toast notifications\r\n- Breadcrumb navigation\r\n\r\n## Prerequisites\r\n\r\nBefore you begin, ensure you have met the following requirements:\r\n\r\n- Node.js (v20.11.1 or higher)\r\n- Git\r\n\r\n## Installation\r\n\r\n1. Clone the repository\r\n\r\n```bash\r\ngit clone\r\ncd turin-userhub\r\n```\r\n\r\n2. Install dependencies\r\n\r\n```bash\r\nnpm install\r\n```\r\n\r\n## Development Server\r\n\r\nRun the development server:\r\n\r\n```bash\r\nng serve\r\n```\r\n\r\nNavigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\r\n\r\n## Project Structure\r\n\r\n```\r\nsrc/\r\n├── app/\r\n│   ├── core/                 # Core functionality\r\n│   │   ├── interceptors/     # HTTP interceptors\r\n│   │   ├── models/          # Interfaces\r\n│   │   └── services/        # API services\r\n│   ├── features/            # Feature modules\r\n│   │   └── users/          # User management feature\r\n│   │       ├── components/  # User-related components\r\n│   │       └── routes.ts    # User routing\r\n│   ├── shared/             # Shared components\r\n│   └── app.component.ts    # Root component\r\n└── styles/                # Global styles\r\n```\r\n\r\n## Key Technologies\r\n\r\n- Angular 18\r\n- Angular Material\r\n- Tailwind CSS\r\n- RxJS\r\n- TypeScript\r\n\r\n## API Integration\r\n\r\nThe application uses a mock API with the following endpoints:\r\n\r\n- GET /users - List users\r\n- GET /users/:id - Get single user\r\n- POST /users - Create user\r\n- PUT /users/:id - Update user\r\n- DELETE /users/:id - Delete user\r\n\r\nAll API requests include a mock Bearer token for authentication demonstration.\r\n\r\nTo view the API documentation, visit [Reqres api docs](https://reqres.in/api-docs/).\r\n\r\n## Available Scripts\r\n\r\n- `ng serve` - Start development server\r\n- `ng build` - Build the project\r\n- `ng test` - Run unit tests\r\n- `ng lint` - Lint the code\r\n- `ng e2e` - Run end-to-end tests\r\n\r\n## Building for Production\r\n\r\nTo build the project for production:\r\n\r\n```bash\r\nng build --configuration production\r\n```\r\n\r\nThe build artifacts will be stored in the `dist/` directory.\r\n\r\n## Environment Configuration\r\n\r\nThe application includes two environment configurations, I have used reqres.in as the API base URL. You can change the API URL in the environment files:\r\n\r\n1. Development (`environment.ts`)\r\n\r\n```typescript\r\nexport const environment = {\r\n  production: false,\r\n  apiUrl: \"https://reqres.in/api\",\r\n};\r\n```\r\n\r\n2. Production (`environment.prod.ts`)\r\n\r\n```typescript\r\nexport const environment = {\r\n  production: true,\r\n  apiUrl: \"https://reqres.in/api\",\r\n};\r\n```\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkryptonbd%2Fturin-userhub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkryptonbd%2Fturin-userhub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkryptonbd%2Fturin-userhub/lists"}