Skip to content

ReconfortDev/angular-kanban-task-management

Repository files navigation

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.

Installation Instructions

  1. Clone the repository:
    git clone <git@github.com:ReconfortDev/angular-kanban-task-management.git>
    cd angular-kanban-task-management
  2. Install the dependencies:
    npm install
  3. Run the application:
    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.

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •