An enterprise-grade Real-Time Collaboration Dashboard built with Next.js, NestJS, and WebSockets.

📜 Repository Information

Repository Name: Cyber-Task-Force

About / Description:

An enterprise-grade Real-Time Collaboration Dashboard (Trello clone) built with TypeScript. Features a Next.js frontend with a custom Cyber HUD aesthetic, a NestJS backend, and live data synchronization using WebSockets.

Topics (Tags): nextjs, nestjs, typescript, websockets, socket-io, tailwindcss, prisma, real-time, collaboration-tool, trello-clone

---

⚡ Key Features

• 🌐 Enterprise Monorepo Architecture: Clean separation of concerns between Client (Frontend) and Server (Backend) using TypeScript.
• ⚡ Real-Time Synchronization: Instant state reflection across all connected clients utilizing Socket.io and WebSockets.
• 🛡️ Robust Backend: Powered by NestJS, ensuring a highly scalable, loosely coupled, and maintainable server-side architecture.
• 🎨 Cyber HUD Aesthetic: Custom dark-mode UI designed with Tailwind CSS, featuring neon accents, glassmorphism, and dynamic micro-animations.
• 🗄️ Prisma ORM: Type-safe database queries and schema management.

🛠️ Technology Stack

Component	Technology	Version / Details
Language	TypeScript	Strictly Typed JavaScript
Frontend	Next.js 14	React Framework
Styling	Tailwind CSS v3	Utility-first CSS
Backend	NestJS	Progressive Node.js Framework
Real-Time Engine	Socket.io	Bidirectional Event-Based Comm.
Database ORM	Prisma	Next-generation Node.js ORM

💻 Installation & Setup

1. Clone the Repository

   git clone https://github.com/yourusername/Cyber-Task-Force.git

2. Backend Setup (NestJS) Open a terminal and navigate to the server directory:

   cd server
   npm install
   # Generate Prisma client and push schema
   npx prisma generate
   npx prisma db push
   # Start the server
   npm run start:dev

3. Frontend Setup (Next.js) Open a new terminal and navigate to the client directory:

   cd client
   npm install
   # Start the frontend application
   npm run dev

4. Access the Application Open your browser and navigate to http://localhost:3001

📸 Interface Preview

---

_{Engineered for efficiency and real-time performance.}