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 days 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 (2 months ago)
• Default Branch: master
• Last Pushed: 2024-09-05T16:31:11.000Z (22 days ago)
• Last Synced: 2024-09-20T19:31:11.259Z (7 days 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]`.