The Vision: A High-Fidelity Kanban Board

Planna was architected as a feature-rich, real-time collaborative Kanban board to demonstrate expertise in complex full-stack application development. The result is a highly responsive, scalable, and robust project management tool designed for a seamless, engaging, and productive collaborative workspace.

Full-Stack Architecture

• Frontend: React, Custom Drag & Drop System
• Backend: Node.js, Express
• Database & Services: Firebase (Firestore, Auth, Admin SDK)
• Security: bcrypt Hashing, Custom Authentication Flows

Interactive Frontend Features

The frontend, built with React, features a custom drag-and-drop system for intuitive task and column reordering. The user experience is elevated by dynamic filtering, sorting capabilities, and subtle micro-interactions within a meticulously crafted dark theme. A global toast notification system and a comprehensive activity log provide immediate user feedback and transparency.

Secure & Scalable Backend

The secure backend is powered by Node.js and Express, utilizing the Firebase Admin SDK for privileged server-side operations. A key focus was implementing a custom authentication flow with robust user registration using bcrypt for secure PIN hashing, streamlined logins, and reliable account recovery, ensuring user data is always protected.