Skip to content

DiabolicAngeL – Digital Asset Marketplace & Community Platform

Full-Stack Development

Overview A high-performance digital commerce platform built to distribute digital assets, manage memberships, and cultivate a community ecosystem. The application merges a distinctive, immersive "dark fantasy" aesthetic with enterprise-grade e-commerce functionality, serving as both a storefront and a user portal.

DiabolicAngeL – Digital Asset Marketplace & Community Platform screenshot 1

Overview A high-performance digital commerce platform built to distribute digital assets, manage memberships, and cultivate a community ecosystem. The application merges a distinctive, immersive "dark fantasy" aesthetic with enterprise-grade e-commerce functionality, serving as both a storefront and a user portal.

Design & User Experience The interface is defined by a "Gothic-Tech" design language, characterized by a deep neutral-950/black palette accented with vibrant crimson gradients and glows.

  • Immersive Visuals: Features complex background compositions like the "Split Gate" design, particle fields, and dynamic lighting effects that react to user interaction.
  • Typography: Utilizes Cinzel for headings to evoke a cinematic, premium feel, paired with Inter for clean, readable UI text.
  • Motion Design: deeply integrated Framer Motion animations provide fluid page transitions, entrance effects, and micro-interactions (hover states, modal reveals) that enhance the feeling of a premium, polished application.
  • Responsive Layouts: Fully responsive UI built with Tailwind CSS v4, ensuring consistent experiences across mobile and desktop devices.

Technical Architecture Built on a modern, type-safe stack designed for performance and scalability:

  • Framework: Next.js 16 (App Router) & React 19.
  • Language: TypeScript for full-stack type safety.
  • Database: Prisma ORM with MariaDB/MySQL.
  • Styling: Tailwind CSS v4 with a custom configuration for the unique design system.

Key Features

  • Advanced Authentication: Secure multi-method login system supporting Discord OAuth and Email/Password, fortified with Two-Factor Authentication (TOTP & Backup Codes) and Role-Based Access Control (RBAC).
  • Digital E-commerce Engine: Full-featured shopping experience with support for simple products and bundles, digital file delivery via secure S3 integration, and dynamic currency handling.
  • Membership System: Sophisticated subscription management offering recurring and lifetime plans that automatically sync roles to Discord and unlock tiered platform discounts.
  • Payment Integration: Multi-provider checkout supporting Stripe, PayPal, and Revolut.
  • User Portal: Dedicated dashboard for users to manage profiles, view order history, access secure downloads, and control security settings.
  • Admin Dashboard: Comprehensive back-office suite for managing users, products, orders, coupons, changelogs, and career listings.