Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reconfortdev/angular-kanban-task-management
Kanban Task Management Web app
https://github.com/reconfortdev/angular-kanban-task-management
angularjs full-stack kanban-board ngrx rxjs tailwindccs
Last synced: 6 days ago
JSON representation
Kanban Task Management Web app
- Host: GitHub
- URL: https://github.com/reconfortdev/angular-kanban-task-management
- Owner: ReconfortDev
- Created: 2024-09-16T09:59:22.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-24T12:06:41.000Z (3 months ago)
- Last Synced: 2024-12-18T18:11:49.342Z (6 days ago)
- Topics: angularjs, full-stack, kanban-board, ngrx, rxjs, tailwindccs
- Language: TypeScript
- Homepage: https://amali-task-kanban.netlify.app/
- Size: 219 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Week 4.0 Lab Activity: Kanban Task Management Web App
## Learning Objectives
- **Angular Mastery:** Solidify skills in building complex Angular applications, including component structuring, data binding, and routing.
- **NgRx Expertise:** Gain proficiency in using NgRx for state management, including defining actions, reducers, effects, and selectors.
- **RxJS Fluency:** Utilize RxJS operators to handle asynchronous operations, manage data streams, and streamline application logic.## Introduction
This project challenges you to develop a feature-rich task management application using Angular as the framework, along with NgRx for state management and RxJS for handling asynchronous operations and data streams. Your goal is to replicate the provided design as closely as possible while ensuring a smooth and intuitive user experience.You will work with a local `data.json` file to populate initial content, and you're encouraged to explore building a full-stack application if you'd like to take on an additional challenge.
## Core Features & Evaluation
### 1. Responsive Layout
- **Description:** The app layout adapts seamlessly to various screen sizes, ensuring optimal viewing on desktops, tablets, and mobile devices.
- **Grading:**
- Excellent (20 points): Flawless responsiveness across all devices.
- Good (15 points): Minor layout adjustments needed on some devices.
- Fair (10 points): Functional on some sizes, but improvements are needed.
- Poor (5 points): Not responsive, causing display issues.## Live Demo
You can view the live application [here](kanban-task-management-app.netlify.app).## Installation Instructions
1. Clone the repository:
```bash
git clone
cd angular-kanban-task-management
```
2. Install the dependencies:
```bash
npm install
```
3. Run the application:
```bash
ng serve
```
4. Open your browser and navigate to `http://localhost:4200`.## Technologies Used
- **Angular:** Framework for building the application.
- **NgRx:** State management library for managing application state.
- **RxJS:** Library for reactive programming with observables.
- **HTML/CSS/ Tailwind:** For structuring and styling the application.## Contribution
Feel free to submit issues or pull requests if you'd like to contribute or provide feedback on the project.