TskMgmt

A task management application similar to Linear, built using Tanstack Start (React). This is mostly a test project I did for DOT. I don't really have any other purpose for it.

Why the name is TskMgmt? It's just Task Management but I removed most of the letters. I'm bad at names and can't be bothered to think of one.

Why

• React

  I mean they the requirement is specifically in React, I don't really have other options. I still prefer SolidJS though.

• Tanstack Start, Query, Form

  Tanstack my GOAT, carries the entire ecosystem. I use Tanstack Start because it's typesafe and I MUCH MUCH prefer it than NextJS. Tanstack Query is just standard stuff for data fetching because it gives you... a lot, mentioning it here won't do justice. Tanstack Form because I need form validation, used to be react-hook-form kinda guy but eh, might as well go all in with Tanstack.

• TailwindCSS

  Even though I don't like seeing horizontal Burj Khalifa in my markup, it's still better because it's like a mini design system and gives me quick way to change how the app looks.

• shadcn/ui

  Because it's a lot easier to build stuff with this. It's just basic components with a11y who doesn't want that. I also get to own the component which is great for customisation.

• Typescript

  It's a crime to write untyped code. Please use Typescript instead of Javascript.

• Effect

  A bit of a hard pill to swallow this one is, but, just go through the docs: https://effect.website/. It has A LOT, like A LOT LOT of stuff. If you like a straightforward reason, here's why: https://justfuckinguseeffect.dev/. I mainly use it to fake the backend stuff, since this is a frontend-only project and just doing localStorage.setItem or whatever is not autistic enough for me.

• Vitest

  It's my go-to testing framework for full-stack apps, or frontend only apps. It's fast, it has web UIs to watch your tests and all, it's good.

Features

• Task management similar to Linear
• Create, edit, delete tasks
• Move between kanban and list view
• Change status of tasks by moving them between columns
• Filter tasks by status
• Search tasks
• Light mode and Dark mode (don't blame me if dark mode is ugly I'm a light mode evangelist)

Pics

You can try the app yourself here: https://tsk.elianiva.my.id but if you can't be bothered to, here's some images.

Login

Development

It's a pretty standard Vite project, so you can use the usual commands. I'm using bun for development, but you can use any other package manager.

bun install # install deps
bun dev # start dev server
bun run build # build for production
bun run test # run tests
bun run format # format code

Deployment

This is just a bog standard Vite app, nothing special about it, I chose to deploy it on Cloudflare, though. You know what, here's a button that takes you to Cloudflare and deploy this app there.