- Notifications
You must be signed in to change notification settings - Fork29
Kanban board built with Elm
License
huytd/kanelm
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Assume you already have Node and Elm installed, you can use either NPM or Yarn.
- Clone this project
- Install dependencies:
yarnelm-package install
💡 Note: Use
yarn
since theyarn.lock
dependency file is up to date.
- Create config file from example config:
cp src/example.config.js src/config.js
Create an account onhttps://jsonbin.io/ to obtain the Secret key, create a new JSON file on this site. Put the URL into yourconfig.js
. You can find your bin's URL here:
Be sure to append ahttps:
suffix to the API URL in theconfig.js
, otherwise the built version inkanban-app won't work.
Your config should look something like this:
module.exports={SECRET:'you-api-secret-here',URL:'https://api.jsonbin.io/b/{id-of-jsonbin-bin}'};
The initial data for your JSON file should be:
{"taskInput":"","tasks": [],"movingTask":null}
- Start the dev server:
yarn start
To deploy it on your server, just runnpm build
and copy the two files indist
folder. It run as a static HTML page, so you can even put it on Github Pages.
To use dark theme, adddark
class into `container**:
src/Main.elm
view:Model->HtmlMsgviewmodel=... div[ class"container dark"][...
Light theme
Dark theme