Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khaled-alselwady/task-mate
🗂️ TaskMate is a task management app enhancing productivity with Angular's advanced features. 🚀
https://github.com/khaled-alselwady/task-mate
angular angular-cli components css dependency-injection html javascipt modules node-js routes-authentication routes-creation services standalone-components templates two-way-data-binding typescript ui-components ui-design web
Last synced: 2 months ago
JSON representation
🗂️ TaskMate is a task management app enhancing productivity with Angular's advanced features. 🚀
- Host: GitHub
- URL: https://github.com/khaled-alselwady/task-mate
- Owner: khaled-alselwady
- Created: 2024-07-15T20:08:34.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-09-05T16:31:11.000Z (4 months ago)
- Last Synced: 2024-10-01T07:22:58.510Z (3 months ago)
- Topics: angular, angular-cli, components, css, dependency-injection, html, javascipt, modules, node-js, routes-authentication, routes-creation, services, standalone-components, templates, two-way-data-binding, typescript, ui-components, ui-design, web
- Language: TypeScript
- Homepage:
- Size: 3.11 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TaskMate
**TaskMate** is an enterprise-level task management application designed to simplify task organization and enhance productivity. It features a sleek, modern design and offers robust functionality for managing tasks efficiently.
## Features
- **User Management**: Easily manage users with a dedicated user component.
- **Task Management**: Create, view, and manage tasks seamlessly.
- **Two-Way Data Binding**: Utilize Angular's two-way data binding for form inputs.
- **Content Projection**: Leverage `ng-content` for flexible component templates.
- **Date Formatting**: Format task due dates using Angular's date pipe.
- **Dependency Injection and Services**: Manage tasks through Angular services.
- **Modular Architecture**: Structured with Angular modules for scalable development.## Setting Up
To get started with this repository:
1. Clone the repository to your local machine.
- `git clone https://github.com/dev-khaled-yousef/task-mate.git`2. Install dependencies using npm.
- `npm install`
This will install all necessary packages and dependencies required for the Angular projects.3. Start the development server.
- `npm start`
This command will compile the application and open it in your default web browser. If it doesn't open automatically, you can navigate to http://localhost:4200/ in your browser.## Screenshots
Here are some screenshots of the application:
### Main Interface
![Main Interface](public/screenshots/tasks-list.png)### Add Task Dialog
![Add Task Dialog](public/screenshots/add-new-task.png)## Usage
- **Add a Task**: Use the "Add Task" button to create new tasks.
- **Complete a Task**: Mark tasks as complete by clicking the "Complete" button.
- **User Selection**: Switch between different users to manage their tasks.Feel free to contribute to the project by opening issues or submitting pull requests. For any queries, contact us at `[email protected]`.