Kanban Task Manager

App for task management

Workspaces

💚 Backend

• Nest.js — A Backend framework based on Node.js
• Prisma — Typescript-oriented ORM

💛 Frontend

• React - The Frontend library based on Javascript
• Redux Toolkit - A state manager
• Redux Toolkit Query - addon for Redux Toolkit for caching and fetching data
• Styled Components - library for writing CSS in JS while building components in React

💙 Shared

• Zod - Typescript-oriented validation

Code Quality

• CSS:

  • 🎨 stylelint - CSS-linter

• Stylelint rules:

  • 🩳 stylelint-config-standard - Default rules for stylelint

• Files and directories

  • 📁 ls-lint - Files or directories linting

• JS:

  • 🔥 ESLint - Javascript-linter

• ESLint Rules:

  • 💀 eslint:recommended - Default ESLint rules
  • 💀 eslint-plugin-sonarjs - SonarJS rules for ESLint to detect bugs and suspicious patterns in your code
  • 🔏 Typescript:
    • 💀 typescript-eslint:recommended - Default Typescript rules
    • 💀 typescript-eslint:recommended-requiring-type-checking - Addition Typescript rules that require type information
    • 💀 typescript-eslint:strict - Additional Typescript rules that can also catch bugs but are more opinionated than recommended rules
  • 🔤 Naming:
    • 🦄 eslint-plugin-unicorn - More than 100 powerful ESLint rules (including more consistent naming patterns)
    • 💀 eslint-plugin-function-name - Rules for naming functions
  • 🔢 Sorting:
    • 💀 eslint-plugin-import, eslint-plugin-simple-import-sort - Rules for sorting imports in code
    • 💀 eslint-plugin-typescript-sort-keys - Rules for sorting keys in interfaces
  • ⚛️ Client:
    • 💀 eslint-plugin-react - Linting for React
    • 💀 eslint-plugin-react-hooks - Plugin which enables "Rules of Hooks" in React
    • ✌️ eslint-plugin-jsx-a11y - Accessibility rules in React

• Commits:

  • 🤝 commitlint - Commits-linter
  • 🐶 husky - Tool for managing git hooks

• Git staged files:

  • 💣 lint-staged - Linting git staged filed

• Code formatting:

  • 🎀 Prettier - Code formatting

Database schema

erDiagram
 board {
    int id PK
    dateTime created_at
    dateTime updated_at
    varchar name
  }
  board ||--|{ column : board_id
  column {
    int id PK
    dateTime created_at
    dateTime updated_at
    varchar name
    bytea color
    int board_id FK
  }
 column ||--|{ task : column_id
  task {
    int id PK
    dateTime created_at
    dateTime updated_at
    int column_id FK
    varchar title
    text description "may be null if user doesn't provide description"
    varchar status FK
  }
  task ||--|{ subtask : task_id
  subtask {
    int id PK
    dateTime created_at
    dateTime updated_at
    int task_id FK
    varchar title
  }

Loading

Application Schema

Soon

Local setup

Soon