has12zen/kanbanBox

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Install all the dependencies with:

npm install
# or
yarn install

run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Tech Stack used

• Next.js
• Chakra Ui
• TypeScript
• React Rnd

Dir Structure

.
├── public
│   ├── favicon.ico
│   ├── styles
│   │   ├── globals.css
│   │   └── Home.module.css
│   └── vercel.svg
├── README.md
├── src
│   ├── components
│   │   ├── addBucket.tsx
│   │   ├── Buckets.tsx
│   │   ├── editNote.tsx
│   │   ├── Navbar.tsx
│   │   └── Note.tsx
│   ├── pages
│   │   ├── api
│   │   │   └── hello.ts
│   │   ├── _app.tsx
│   │   └── index.tsx
│   └── utils
│       ├── _BucketValue.tsx
│       ├── _NoteValue.tsx
│       └── useLocalStorage.tsx

Screen Shots

Standard view

Group view