From af784ddebcdcd18465c9f625918990efc5fff265 Mon Sep 17 00:00:00 2001 From: sasanqc Date: Wed, 14 Jun 2023 17:48:21 +0330 Subject: [PATCH] initial ui without logic --- components/BoardsList.tsx | 37 + components/CreateBoard.tsx | 58 + components/CreateTask.tsx | 93 + components/Delete.tsx | 30 + components/MobileBoards.tsx | 15 + components/TaskColumn.tsx | 65 + components/ToggleTheme.tsx | 17 + components/UI/Button.tsx | 33 + components/UI/Checkbox.tsx | 29 + components/UI/Modal.tsx | 20 + components/UI/Select.tsx | 69 + components/UI/TextInput.tsx | 25 + components/ViewTask.tsx | 61 + icons/LogoDark.tsx | 16 + icons/icon-add-task-mobile.svg | 1 + icons/icon-board.svg | 1 + icons/icon-chevron-down.svg | 1 + icons/icon-cross.svg | 1 + icons/icon-dark-theme.svg | 1 + icons/icon-hide.svg | 3 + icons/icon-kanban.svg | 14 + icons/icon-light-theme.svg | 1 + icons/icon-show-sidebar.svg | 1 + icons/icon-vertical-ellipsis.svg | 1 + icons/logo-dark.svg | 1 + icons/logo-light.svg | 1 + icons/logo-mobile.svg | 1 + layout/Header.tsx | 50 + layout/Sidebar.tsx | 20 + layout/Tasks.tsx | 24 + next.config.js | 31 +- package-lock.json | 10603 +++++++++++----- package.json | 3 + pages/_document.tsx | 7 +- pages/index.tsx | 124 +- public/assets/font/Plus_Jakarta_Sans/OFL.txt | 93 + ...usJakartaSans-Italic-VariableFont_wght.ttf | Bin 0 -> 181576 bytes .../PlusJakartaSans-VariableFont_wght.ttf | Bin 0 -> 176408 bytes .../assets/font/Plus_Jakarta_Sans/README.txt | 77 + .../static/PlusJakartaSans-Bold.ttf | Bin 0 -> 95228 bytes .../static/PlusJakartaSans-BoldItalic.ttf | Bin 0 -> 97512 bytes .../static/PlusJakartaSans-ExtraBold.ttf | Bin 0 -> 95240 bytes .../PlusJakartaSans-ExtraBoldItalic.ttf | Bin 0 -> 97544 bytes .../static/PlusJakartaSans-ExtraLight.ttf | Bin 0 -> 95216 bytes .../PlusJakartaSans-ExtraLightItalic.ttf | Bin 0 -> 97668 bytes .../static/PlusJakartaSans-Italic.ttf | Bin 0 -> 97428 bytes .../static/PlusJakartaSans-Light.ttf | Bin 0 -> 95240 bytes .../static/PlusJakartaSans-LightItalic.ttf | Bin 0 -> 97664 bytes .../static/PlusJakartaSans-Medium.ttf | Bin 0 -> 95264 bytes .../static/PlusJakartaSans-MediumItalic.ttf | Bin 0 -> 97628 bytes .../static/PlusJakartaSans-Regular.ttf | Bin 0 -> 95208 bytes .../static/PlusJakartaSans-SemiBold.ttf | Bin 0 -> 95292 bytes .../static/PlusJakartaSans-SemiBoldItalic.ttf | Bin 0 -> 97592 bytes public/assets/images/icon-check.svg | 1 + public/assets/images/icon-chevron-up.svg | 1 + public/assets/images/icon-hide-sidebar.svg | 1 + public/next.svg | 1 - public/vercel.svg | 1 - styles/globals.css | 44 +- tailwind.config.js | 52 +- 60 files changed, 8647 insertions(+), 3082 deletions(-) create mode 100644 components/BoardsList.tsx create mode 100644 components/CreateBoard.tsx create mode 100644 components/CreateTask.tsx create mode 100644 components/Delete.tsx create mode 100644 components/MobileBoards.tsx create mode 100644 components/TaskColumn.tsx create mode 100644 components/ToggleTheme.tsx create mode 100644 components/UI/Button.tsx create mode 100644 components/UI/Checkbox.tsx create mode 100644 components/UI/Modal.tsx create mode 100644 components/UI/Select.tsx create mode 100644 components/UI/TextInput.tsx create mode 100644 components/ViewTask.tsx create mode 100644 icons/LogoDark.tsx create mode 100644 icons/icon-add-task-mobile.svg create mode 100644 icons/icon-board.svg create mode 100644 icons/icon-chevron-down.svg create mode 100644 icons/icon-cross.svg create mode 100644 icons/icon-dark-theme.svg create mode 100644 icons/icon-hide.svg create mode 100644 icons/icon-kanban.svg create mode 100644 icons/icon-light-theme.svg create mode 100644 icons/icon-show-sidebar.svg create mode 100644 icons/icon-vertical-ellipsis.svg create mode 100644 icons/logo-dark.svg create mode 100644 icons/logo-light.svg create mode 100644 icons/logo-mobile.svg create mode 100644 layout/Header.tsx create mode 100644 layout/Sidebar.tsx create mode 100644 layout/Tasks.tsx create mode 100644 public/assets/font/Plus_Jakarta_Sans/OFL.txt create mode 100644 public/assets/font/Plus_Jakarta_Sans/PlusJakartaSans-Italic-VariableFont_wght.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/README.txt create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-Bold.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-BoldItalic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraBold.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraBoldItalic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraLight.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraLightItalic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-Italic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-Light.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-LightItalic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-Medium.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-MediumItalic.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-Regular.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-SemiBold.ttf create mode 100644 public/assets/font/Plus_Jakarta_Sans/static/PlusJakartaSans-SemiBoldItalic.ttf create mode 100644 public/assets/images/icon-check.svg create mode 100644 public/assets/images/icon-chevron-up.svg create mode 100644 public/assets/images/icon-hide-sidebar.svg delete mode 100644 public/next.svg delete mode 100644 public/vercel.svg diff --git a/components/BoardsList.tsx b/components/BoardsList.tsx new file mode 100644 index 0000000..91f1a89 --- /dev/null +++ b/components/BoardsList.tsx @@ -0,0 +1,37 @@ +import React from "react"; +import BoardIcon from "@/icons/icon-board.svg"; +const BoardsList = () => { + return ( +
+

all boards (3)

+ +
+ ); +}; + +export default BoardsList; diff --git a/components/CreateBoard.tsx b/components/CreateBoard.tsx new file mode 100644 index 0000000..b8a9bc7 --- /dev/null +++ b/components/CreateBoard.tsx @@ -0,0 +1,58 @@ +import TextInput from "./UI/TextInput"; +import CrossIcon from "@/icons/icon-cross.svg"; +import Button from "./UI/Button"; +import Select from "./UI/Select"; +const CreateBoard = () => { + return ( +
+

Add New Board

+ + +
+ +
+ {}} + /> +
+ +
+
+
+
+ ); +}; + +export default CreateBoard; diff --git a/components/CreateTask.tsx b/components/CreateTask.tsx new file mode 100644 index 0000000..b83b363 --- /dev/null +++ b/components/CreateTask.tsx @@ -0,0 +1,93 @@ +import Button from "./UI/Button"; +import CrossIcon from "@/icons/icon-cross.svg"; +import Select from "./UI/Select"; +import TextInput from "./UI/TextInput"; +const CreateTask = () => { + return ( +
+

Add New Task

+
+ +
+ +
+