D3 App

D3 App

Next.js
Styled Components
TypeScript
Nest.js
PostgreSQL
Docker
AWS
CI/CD
TypeORM
GraphQL
Swagger Docs
Stripe
SendGrid
Metabase
React Hook Form
React Query
React Router
Web3

The world’s first DomainFi network to tokenize 362M+ existing and future domains as real-world assets. I've been part of this project for over 2 years and have been working on the frontend and backend of the project. Including Dashboard, App, and API.

My Role: Full Stack Developer
Client: D3 Inc
Duration: 2 years

About this project

    This project was built with Next.js, Styled Components, TypeScript, and Nest.js. I've been working on the frontend and backend of the project. Including Dashboard, App, and API.

    Over a 2–3-year engagement, I architected and delivered end-to-end functionality for the D3 app, driving both backend and frontend excellence. You collaborated closely with designers, product managers, and engineers to build a scalable, feature-rich platform that empowers internal teams and external partners alike.

    Key Features & Deliverables

    1. Robust Authentication & Security:
      • Wallet Connect Modules: Integrated Web3 wallet connectivity to enable seamless, secure user sign-on and transaction signing.
      • Social Media Authentication: Implemented OAuth flows for Google, Facebook, and Twitter, accelerating user onboarding and reducing friction.
    2. Dynamic Campaign & Profile Management
      • Campaign Modules: Developed rich campaign creation and management interfaces, empowering marketing teams to launch targeted initiatives.
      • Profile Management: Devised a full-lifecycle user profile system with granular permission controls, ensuring data integrity and user privacy.
    3. Next-Gen Dashboard & Administrative Portal
      • Customizable Workspaces: Architected multi-tenant dashboards with role-based access, enabling partners to configure their own views and KPIs.
      • Entity Control Center: Led the design of the core dashboard to orchestrate domains, registries, and partner onboarding flows.
    4. Enterprise-Grade Developer Portal
      • API Key Management: Built a self-service portal for external developers to provision API keys, monitor usage, and access interactive API docs.
      • API Documentation: Created comprehensive API documentation with Swagger UI, enabling developers to understand and integrate with the platform easily.
      • API Key Management: Built a self-service portal for external developers to provision API keys, monitor usage, and access interactive API docs.
      • Widget Marketplace: Exposed reusable front-end components and widgets, driving ecosystem adoption and reducing time-to-market for integrations.
    5. Scalable Backend Architecture
      • NestJS Microservices: Implemented indexers, background workers, and schedulers to process asynchronous tasks reliably at scale.
      • GraphQL & RESTful APIs: Leveraged TypeORM query builders to author performant GraphQL resolvers and REST endpoints.
      • Database Optimization: Implemented caching strategies, index optimizations, and query improvements to ensure high-performance data retrieval and storage.
    6. Automated Email & Notification Systems
      • SendGrid Integration: Embedded customizable email templates within the admin dashboard, enabling real-time transactional and marketing communications.
    7. Data Visualization & Analytics
      • Real-Time Analytics: Implemented real-time analytics dashboards to track user engagement, campaign performance, and platform health.
      • Metabase Charts: Embedded interactive charts directly into partner dashboards, delivering actionable insights without context switching.
      • Custom Reporting: Designed bespoke analytics modules to track usage metrics, transaction volumes, and partner performance.
    8. Payment & Monetization Flows
      • Stripe Integration: Seamlessly incorporated Stripe checkout and subscription management, streamlining payment processing across the platform.

Screenshots

D3 App
D3 App
D3 App
D3 App