{"id":17987313,"url":"https://github.com/joan-thirimbu/taskforge","last_synced_at":"2025-08-17T00:32:10.026Z","repository":{"id":240648401,"uuid":"798998870","full_name":"Joan-Thirimbu/TaskForge","owner":"Joan-Thirimbu","description":"A task management application using Angular. The application should allow users to view tasks in a table format, add new tasks, edit existing tasks, and delete tasks. Use Angular Material for UI components and implement routing for navigating between different views.","archived":false,"fork":false,"pushed_at":"2025-02-06T19:30:31.000Z","size":2836,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T21:24:04.761Z","etag":null,"topics":["angular-cli","angular-material","glitch"],"latest_commit_sha":null,"homepage":"https://joan-thirimbu.github.io/TaskForge/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Joan-Thirimbu.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}},"created_at":"2024-05-10T23:24:04.000Z","updated_at":"2025-02-06T19:30:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"caa4c7fd-f5f5-47a6-a142-d5a02598d3bb","html_url":"https://github.com/Joan-Thirimbu/TaskForge","commit_stats":{"total_commits":22,"total_committers":3,"mean_commits":7.333333333333333,"dds":"0.36363636363636365","last_synced_commit":"3d403aa8884bdba4e08e3575fcaa2298565549d7"},"previous_names":["joan-thirimbu/angular_creswave_code_test","joan-thirimbu/task-manager","joan-thirimbu/taskforge"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Joan-Thirimbu/TaskForge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joan-Thirimbu%2FTaskForge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joan-Thirimbu%2FTaskForge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joan-Thirimbu%2FTaskForge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joan-Thirimbu%2FTaskForge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Joan-Thirimbu","download_url":"https://codeload.github.com/Joan-Thirimbu/TaskForge/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joan-Thirimbu%2FTaskForge/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270791255,"owners_count":24645781,"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","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["angular-cli","angular-material","glitch"],"created_at":"2024-10-29T19:08:19.007Z","updated_at":"2025-08-17T00:32:10.014Z","avatar_url":"https://github.com/Joan-Thirimbu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# My Public Project - TaskForge\n\nThis application, built with **Angular**, allows users to efficiently organize and manage their tasks. Users can view their tasks in a table format, making it easy to keep track of them. The app provides functionality to ***add***, ***edit***, and ***delete*** tasks, giving users full control over their task list. It uses **Angular Material** for its UI components, ensuring a clean with modern design elements. Additionally, ***Angular's routing*** is implemented to provide smooth navigation between different views, such as the task list and the forms for adding or editing tasks. This seamless user experience makes the app both functional and easy to use for everyday task management. \n\n## UI Design\n\nIn addition to the core functionality, I also worked on the UI design to ensure a visually appealing and user-friendly experience. The app utilizes ***Angular Material*** \u0026 ***Tailwind CSS*** to create a clean and consistent interface, with well-designed forms, buttons, and tables that help users easily interact with the task management features. The app is currently live and fully functional, with a smooth and intuitive user interface in place. The design has been optimized for various screen sizes to ensure a seamless experience across devices. Future enhancements will focus on improving accessibility to further enhance usability for all users.\n\n## Technologies Used\n\n- **Frontend Framework**: Angular (v18.2.12)\n- **UI Framework**: Angular Material (v18.2.14)\n- **State Management**: RxJS (v7.8.1)\n- **TypeScript**: v5.5.4\n- **Mock Backend**: JSON Server\n- **Angular CLI**: v18.2.12\n- **Node.js**: v22.12.0\n- **Package Manager**: npm (v10.8.2)\n- **Operating System**: macOS (darwin x64)\n\n### Key Angular Packages\n\n- **@angular-devkit/architect**: v0.1402.13\n- **@angular-devkit/build-angular**: v18.2.12\n- **@angular-devkit/core**: v18.2.12\n- **@angular-devkit/schematics**: v18.2.12\n- **@angular/cdk**: v18.2.14\n- **@angular/cli**: v18.2.12\n- **@angular/material**: v18.2.14\n- **@schematics/angular**: v18.2.12\n\n## License\n\nThis project is licensed under the **Apache License 2.0** – see the [LICENSE](LICENSE) file for details.\n\n## Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/your-username/taskforge.git\n\n2. **Navigate to the project folder:**\n\n   ```bash\n   cd taskforge\n\n3. **Install dependencies:**\n\n   ```bash\n   # Install the project dependencies\n   \n   npm install\n\n## Running the Application\n\nTo start the development server and run the application:\n\n1. **Run the development Server:**\n\n   ```bash\n   # Start the Angular development server\n   \n   ng serve\n   \n   ```\n     *Once the server starts, you can open the app in your browser by navigating to: http://localhost:4200/ in your browser.*\n\n2. **Install \u0026 run JSON server for mock data:**\n\n   We are using the db.json file to simulate a backend API using JSON Server.\n   \n   ```bash\n   #Install JSON Server globally (if you haven't already)\n   \n   npm install -g json-server@0.16.3\n   ```\n   \n   ```bash\n   npx json-server --watch db.json\n\n   # This starts the JSON Server which will watch the db.json file for changes, serving mock data to the frontend.\n\n   ```\n3. **Building the Project:**\n\n   ```bash\n   ng build\n   ```\n\n4. **Code scaffolding**\n   \n    To generate a new component, run:\n\n   ```bash\n   ng generate component component-name\n   ```\n   \n    To generate a new (directive/pipe/service/class/guard/interface/enum/module), run:\n   \n   ```bash\n   ng generate directive|pipe|service|class|guard|interface|enum|module\n   ```\n\n    *-\u003e Note: **\"directive|pipe|service|class|guard|interface|enum|module\"** generates the corresponding files and boilerplate code for that specific entity type in your Angular project. So, run them `INDIVIDUALLY` 👀*\n\n6. **Running unit tests**\n   \n   To execute the unit tests via [Karma](https://karma-runner.github.io), run:\n\n   ```bash\n   ng test\n   ```\n#### Contact Info\n\nIf you have any questions, suggestions, or issues, feel free to reach out!\n\n- **LinkedIn**: [Joan (Wangare) Thirimbu](https://www.linkedin.com/in/joan-thirimbu-969008231/)\n- **Author/Developer \u0026 Designer**: [Joan Thirimbu](https://github.com/Joan-Thirimbu)\n- **GitHub Issues**: For bugs or feature requests, please open an issue on the [GitHub repository](https://github.com/Joan-Thirimbu/TaskForge/issues).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoan-thirimbu%2Ftaskforge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoan-thirimbu%2Ftaskforge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoan-thirimbu%2Ftaskforge/lists"}