Trello Board 📌

A Trelloboard to help manage and visualize your project workload & progress with a simple & pretty interface (basically a trello clone).

Breaking Change: with the introduction of projects/boards the store state has been changed. If you were using the app previously this version will crash, you have to clear the application local storage yourself for this version to work.

Demo: https://trelloboard.pages.dev/

Screenshot (light):

Screenshot (dark):

Features 🌟

• Helps manage & visualize your project workload & progress with ease.
• Stores your data privately in your browser's inbuilt local storage.
• Dark mode to rescue when working in a dark environment.
• Simple & pretty interface - just the way you'd expect.
• 🆕 Allows multiple projects/boards to accommodate all your projects.
• 🆕 Easily export & import all data in JSON format.

Technologies used 🛠️

• React - Front-End JavaScript library
• Typescript - JavaScript with syntax for types.
• Zustand - Bear necessities for state management in React.
• Windi CSS - Next generation utility-first CSS framework
• Feather Icons - Simply beautiful open source icons
• Vite - Frontend Tooling

Build yourself

1. Clone this repo

git clone https://github.com/nimone/trelloboard && cd trelloboard

2. Install project dependecies

npm install

3. Build the project and start a local server

npm run build && npm run serve

Or, run a development server using npm run dev