GithubHelp home page GithubHelp logo

tally / tasks.md Goto Github PK

View Code? Open in Web Editor NEW

This project forked from baldissaramatheus/tasks.md

0.0 0.0 0.0 6.89 MB

A self-hosted, Markdown file based task management board

Home Page: https://hub.docker.com/r/baldissaramatheus/tasks.md

License: MIT License

JavaScript 72.35% CSS 25.12% HTML 1.08% Dockerfile 1.45%

tasks.md's Introduction

logo Tasks.md

A self-hosted, Markdown file based task management board.

Demo

โญ Features

  • Create cards, lanes and tags in a modern and responsive interface;
  • Write cards as Markdown files;
  • Easy to install with a single Docker image;
  • Light and dark themes synced with operating system settings;
  • Heavily customizable with 3 default color themes (Adwaita, Nord and Catppuccin);
  • Support for subpath based reverse-proxy with an environment variable for base path;
  • Can be installed as PWA.

๐Ÿ‹ Installation

Docker

Paste this command:

docker run -d \
  --name tasks.md \
  -e PUID=1000 \
  -e PGID=1000 \
  -e TITLE="" \
  -e BASE_PATH="" \
  -e LOCAL_IMAGES_CLEANUP_INTERVAL=1440 \
  -p 8080:8080 \
  -v /path/to/tasks/:/tasks/ \
  -v /path/to/config/:/config/ \
  --restart unless-stopped \
  baldissaramatheus/tasks.md

Remove the environment variables you don't want to keep (all of them are optional, PUID and PGID are recommended), replace /path/to/something with directories that exist in your filesystem and then execute it. The environment variables are the following:

  • PUID and PGID: User ID and group ID that owns the files and directories. On linux distros you can find your user's UID and GID running id in the terminal, but it's usually 1000 for both variables. If no value is assigned for those variables, docker will create all the files and directories as root. You can read more about it here.
  • TITLE: A given name that shows below the header and in the browser tab;
  • BASE_PATH: Base path in the url. Use this variable if you are going to run the app under a subpath based reverse-proxy;
  • LOCAL_IMAGES_CLEANUP_INTERVAL: After a given interval the app will remove all local images that aren't present in any task. This variable control the duration in minutes of this interval. The default value is 1440 (exactly 24h). Set it as 0 to disable it.

docker-compose

version: "3"
services:
  tasks.md:
    image: baldissaramatheus/tasks.md
    container_name: tasks.md
    environment:
      - PUID=1000
      - PGID=1000
    volumes:
      - /path/to/tasks:/tasks
      - /path/to/config:/config
    restart: unless-stopped
    ports:
      - 8080:8080

Use the Docker section above as reference for setting up variables and volumes.

Source code

Open a terminal instance in the frontend directory and another one in the backend directory, then in both of them run npm install and npm start.

๐ŸŽจ Customize

All CSS files are available in the stylesheets directory under the config volume, any custom style is recommended to be added to custom.css file. It already comes with 3 color themes: Adwaita, Nord and Catppuccin. To use them, change the first line of /stylesheets/custom.css to the path of the color theme you want, you can find them under /stylesheets/color-themes.

๐Ÿ“ Files structure

The way directories and files are organized in Tasks.md is quite simple. Every lane you add within the app is a directory in your filesystem and every task is file.

So if your tasks look like this:

Screenshot of the app. There are 3 lanes, Backlog, Sprint and Done. Within Done there is one file named "Something something"

Your files should look like this:

Screenshot of a file explorer showing 3 folders: Backlog, Sprint and Done Screenshot of file explorer within a folder called "Done", containing one file named "Something something"

More details (and it how it looks within Obsidian) can be found here.

๐Ÿ’ป Technology stack

With the goal of having a good mix of performance and maintainability, the application was built with SolidJS and Koa. It also uses Stacks-Editor for text editing and serve-static to serve the css files as-is.

๐Ÿ”จ Contribute

Bugfixes and new features requests

Feel free to create issues for encountered bugs or to request new features, just make sure to include a proper label. Also give a thumbs up to the issues you feel that are relevant to be implemented for the next releases.

Development

If you want to contribute to its development, select one of the existing issues, develop your solution and submit a pull request, it will eventually be reviewed and may be merged with the existing code. If you're not confident about your solution, discuss your ideas in a related issue or publish a draft pull request.

tasks.md's People

Contributors

baldissaramatheus avatar stumpylog avatar danielpantle avatar getoutofmybakery avatar mms-gianni avatar tally avatar boomam avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.