https://github.com/saltybeevs/easy-track
EasyTask is a clean Angular task manager with user-specific lists, due dates, and local storage. Built with Angular 17+ and TypeScript.
https://github.com/saltybeevs/easy-track
angular css3 html5 typescript
Last synced: about 2 months ago
JSON representation
EasyTask is a clean Angular task manager with user-specific lists, due dates, and local storage. Built with Angular 17+ and TypeScript.
- Host: GitHub
- URL: https://github.com/saltybeevs/easy-track
- Owner: SaltybeeVS
- License: mit
- Created: 2025-04-06T20:36:45.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-06T20:47:10.000Z (about 1 year ago)
- Last Synced: 2025-04-06T21:32:05.502Z (about 1 year ago)
- Topics: angular, css3, html5, typescript
- Language: TypeScript
- Homepage: https://saltybeevs.github.io/Easy-Track/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# EasyTask - Enterprise Task Management
EasyTask is a task management application designed for enterprise teams, enabling efficient task organization without friction.
## Key Features
- 👥 User-specific task management
- 📅 Clear due date formatting
- âž• Easy task creation
- ✅ Mark tasks as complete
- 💾 LocalStorage data persistence
- 🎨 Clean, responsive interface
## Core Components
### `AppComponent`
- Root component managing user selection
- Displays selected user's tasks
- Lists all available users
### `TasksComponent`
- Shows tasks for selected user
- Allows adding new tasks
- Organizes tasks in ordered list
### `TaskComponent`
- Displays individual task details
- Provides task completion functionality
### `UserComponent`
- Shows user information
- Enables user selection
### `TasksService`
- Central service for all task operations
- Persists tasks to localStorage
## Technologies Used
- Angular 17+
- TypeScript
- CSS for styling
- LocalStorage for data persistence
## Installation & Usage
1. Clone the repository
2. Install dependencies with `npm install`
3. Run the application with `ng serve`
4. Open your browser at `http://localhost:4200`
## Data Structure
### User
```typescript
interface User {
id: string;
avatar: string;
name: string;
}
```
### Task
```typescript
interface Task {
id: string;
userId: string;
title: string;
summary: string;
dueDate: string;
}
```
## Future Improvements
- [ ] Add user authentication
- [ ] Implement task categories/tags
- [ ] Add task priorities
- [ ] Implement search and filtering
- [ ] Backend synchronization
## Contributing
Contributions are welcome! Please open an issue or submit a pull request with your suggestions or improvements.
## 📚 Other Language Versions
- [Read in Spanish](README_es.md)
- [Read in Portuguese](README_pt.md)