Back to projects
Denka
Professional

Denka

Affaq Ahmed · Full Stack Developer · ZySoftec · Web App / April 10, 2025

  • Next.js
  • React
  • Node.js
  • Express
  • MongoDB
  • PayPal
  • Socket.IO
Live Demo

Overview

Denka is an energy-efficiency technology brand. The project spanned two platforms: a public e-commerce storefront (y-denka.com) where customers explore and buy the products, and an internal CRM where the team manages orders, leads, and users — including role-based access control for different admin levels.

My Role & Contributions

I worked as a full stack developer and built a broad slice of both platforms:

  • Site UI revamp — redesigned and rebuilt the storefront interface.
  • Ordering system — built the end-to-end ordering flow.
  • PayPal integration — implemented PayPal as the payment method.
  • Buyer–admin chat — built a real-time chat between buyers and admins using Socket.IO.
  • RBAC for the CRM — integrated role-based access control to manage multiple admin levels.
  • Sales-pipeline canvas — built a drag-and-drop board moving items through Lead → Engagement → Order → Deliverance.

Key Features

  • E-commerce storefront — product browsing, ordering, and PayPal checkout.
  • Real-time buyer–admin chat — instant messaging between customers and the team.
  • CRM — central management of orders, leads, and users.
  • Role-based access control — multiple admin levels with scoped permissions.
  • Drag-and-drop pipeline — a Kanban-style canvas tracking each deal from lead to delivery.

Tech Stack & Architecture

  • Frontend: Next.js and React.
  • Backend: Node.js / Express with MongoDB (a MERN-style stack).
  • Payments: PayPal.
  • Real-time: Socket.IO for buyer–admin chat.
  • Two surfaces: a customer-facing storefront and an internal CRM sharing the same backend.

Challenges & Solutions

  • Multi-level access control — the CRM needed several admin roles with different permissions, so I implemented an RBAC system to keep access scoped and secure.
  • A visual sales pipeline — the drag-and-drop Lead → Engagement → Order → Deliverance canvas required careful state handling so moving a card reliably reflects its real stage.
  • Real-time messaging — building dependable buyer–admin chat on Socket.IO so conversations stay in sync on both sides.

Timeline

February 2025 – April 2025 · 2 months

Links

The storefront is live at y-denka.com. The CRM is an internal tool and isn't publicly accessible.