esiebomaj / kaban-ui

Kanban Board App

This Kanban Board App is a powerful project management tool designed to help teams track their work with ease. Built using the modern web stack of React, TypeScript, Vite, and GraphQL with Apollo Client for data fetching, this app offers a seamless and interactive user experience. Hosted on AWS, it leverages cloud capabilities for scalability and reliability.

Features

• Add, update, delete, and sort, tasks
• Drag and drop functionality to easily move tasks between stages
• Real-time updates with GraphQL subscriptions
• Responsive design for mobile and desktop devices
• Customizable boards, columns, and cards

Technologies used

• Javascript/typescript
• React
• Tailwind css
• Vite
• GraphQL
• Apollo
• AWS

Installation

1. Clone the repository:

git clone <repository-url>
cd kaban-ui

2. Install dependencies:

npm install
# or
yarn install

3. Set up environment variables: Create a .env file in the root directory and add your AWS and Apollo configuration keys:

VITE_GRAPHQL_ENDPOINT=<your-graphql-endpoint>

Running the App

To run the app in development mode, execute:

npm run dev
# or
yarn dev

Navigate to http://localhost:3000 to view it in the browser. The page will reload if you make edits.