Visualize and realize your vision with Visionize, a productivity application that allows you to organize your tasks and projects using boards, lists and cards.
Whether you are using individually or collaborating with a team, you can use this app to set goals, track progress and manage deadlines.
Inspired by Kanban, (看板, meaning signboard or billboard in Japanese), a tool used to both visualize and optimize the flow of work. See kanban section to learn more.
Based on the kanban method, this app is a tool to visualize workflow in three steps:
- To Do
- In Progress
- Done
While using only three components:
- Boards, where tasks are organized
- Lists, displays the different stages of a task (To Do, In Progress, Done)
- Cards, which represent tasks, ideas and information
Uses Next.js 14, with features such as Server Actions.
TODO:
- Boards
- Lists
- Cards
- Audit Log
- Settings
- Integrate Freemium Model (just for practice)
- Next.JS 14
- TypeScript
- React
- TailwindCSS
- PostgreSQL and Prisma ORM for database
- Clerk for authentication
- Stripe API for payment handling
- zustand for state management
- shadcn/ui for component collection
- User can create, read, update and delete boards
- User can create, read, update and delete lists
- User can create, read, update and delete cards
- Users can view activity history with audit logs
- Node version 14 or higher
1. Clone this repo (or download zip on GitHub)
2. Go to the directory the files are located
In the terminal:
```powershell
cd /visionize
```
3. Install dependencies
In the terminal:
```powershell
npm run install-dependencies
```
4. Create an .env
file
TODO: Add additional steps to run locally
Kanban, (看板, meaning signboard or billboard in Japanese), a lean method to manage and improve work across human systems.
Benefits to use:
- Traceability
- Collaboration
- Accessibility
This approach aims to manage work by balancing demands with available capacity, and by improving the handling of system-level bottlenecks.
Work items are visualized to give participants a view of progress and process, from start to finish—usually via a kanban board. Work is pulled as capacity permits, rather than work being pushed into the process when requested.
In knowledge work and in software development, the aim is to provide a visual process management system which aids decision-making about what, when, and how much to produce. The underlying kanban method originated in lean manufacturing, which was inspired by the Toyota Production System.
According to the The Kaban Guide (2020)(by John Colemane and Daniel Vacanti), the Kanban strategy optimizes the flow of value through a process that uses a visual, pull-based system.
"Kanban comprises the following three practices working in tandem:
- Defining and visualizing a workflow
- Actively managing items in a workflow
- Improving a workflow
In their implementation, these Kanban practices are collectively called a Kanban system. Those who participate in the value delivery of a Kanban system are called Kanban system members."