Skip to content

Latest commit

 

History

History
55 lines (30 loc) · 2.11 KB

README.md

File metadata and controls

55 lines (30 loc) · 2.11 KB

Kanban - Task Management App

App Architecture

app relationship with the database and redux
board component architecture

GIF that shows major app features

App Metrics and Outcomes

👉 100% pixel-perfect development from Figma designs.

👉 100% responsive on all devices.

👉 100% score on Lighthouse and Page Insight in performance, accessibility, SEO and best practices.

👉 Loading speed = 1.2 second, which means better user experience and lower possibility for bounce rates.

👉 Total Blocking Time (TBT) = 500 milliseconds. The app was blocked from user interaction on first load only for 500 ms, which means excellent user experience in a world where users are expecting more from our digital products.

👉 Layout shift = 0. That means visual stability. Everything is rendered and loaded where they were intended to render.

👉 100% custom CSS. No library used. My app not only performs efficiently, but also it was designed carefully. Every single styling property is crafted with care and with an eye for details.

👉 👉 Live Demo

App Features

🟣 Create/Edit/Delete boards with names and columns.

🟣 Create/Edit/Delete columns inside different boards.

🟣 Create/Edit/Delete tasks inside different columns.

🟣 Create/Edit/Delete subtasks inside different tasks and mark them as finished.

🟣 Track finished and unfinished subtasks.

🟣 Change the status of the task from one column to another.

🟣 Form validation on all modals.

🛠️ Tech Stack:

Next.js, Node.js, TypeScript, Prisma, MongoDB, SCSS, Redux

📜 If you found any bugs, please report them to me on X, LinkedIn, or better if you want to contribute to my project here on Github.

📧 Contact me here:

Video live demo of the app