GithubHelp home page GithubHelp logo

censuradho / kanban Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 46.58 MB

Kanban is an agile project management tool that assists with visualizing work, limiting work in progress, and maximizing efficiency (or flow).

JavaScript 0.59% TypeScript 99.39% CSS 0.02%
agile-methodologies kanban-board nextjs react typescript

kanban's Introduction

logo

Kanban is a project management tool that allows for the visualization and organization of tasks on an interactive board. With it, it's possible to create and track the progress of activities in different stages of a process, with a friendly and intuitive interface.

The board is divided into columns that represent the process stages, such as "To do", "In progress" and "Done".

The user can add cards to each column, representing the tasks that need to be completed. These cards can have a detailed description. From there, it's possible to move the cards between the columns as tasks are completed.

       

image

PREVIEW

✨ Features

Web application

  • 🔛 fully responsive
  • 📦 manage board, columns & tasks
  • 🌙☀️ switch between dark & light mode
  • 🤝 Drag n' Drop tasks

🚀 Getting Started

Prerequisites

Clone

Clone this repo to your local machine using:

git clone https://github.com/censuradho/kanban.git

Setup

Backend

all process takes place in backend folder

Environment vars

Create a .env file with follow content

DATABASE_URL="file:./dev.db"

Install dependencies
yarn

or

 npm install
Running migrations
yarn prisma migrate dev

or

npx prisma migrate dev
Running development server
yarn start:dev

or

npm run start:dev

If you open browser on follow url http://localhost:3333/, you should see a hello world message.

Web application

all process takes place in web folder

Environment vars

NEXT_PUBLIC_BACKEND_URL=http://localhost:3333

you can see the full list of environment vars in the config/app.ts file

Install dependencies
yarn

or

 npm install
Running development server
yarn dev

or

npm run dev

If you open browser on follow url http://localhost:3000/, you should see the home screen.

💫 Roadmap

Check our issues page for more details about what we're building.

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.