EgoExplained

A bilingual digital platform combining education, commerce and custom web development.

EgoExplained is a bilingual psychoeducational platform focused on relationship dynamics, psychological manipulation and personal recovery.

The platform integrates structured educational content, interactive tools, digital products, e-commerce and community channels. It combines custom UX/UI design with React development, backend services and cloud integrations.

  • Product Engineering
  • UX/UI Design
  • React
  • TypeScript
  • Supabase
  • Full-Stack Development
EgoExplained platform showcase

02 Project overview

EgoExplained was designed and developed as a bilingual digital product with connected educational, commercial and administrative functionality.

The application supports content discovery, digital product sales, user interactions and operational workflows within a consistent interface.

The project covers the complete development process: product strategy, information architecture, UX/UI design, frontend engineering, backend integration and ongoing platform development.

My role

  • Product concept and strategy
  • Product and application architecture
  • UX/UI and visual design
  • Frontend and backend development
  • Database and API integration
  • Digital product development
  • Platform operations and ongoing improvement

03 Technology & architecture

EgoExplained uses React and TypeScript for frontend development, Supabase and PostgreSQL for backend and data management, Resend API for transactional email, and Google Cloud for cloud-based services. The platform connects these technologies through application logic and API integrations to support commerce, content management and operational workflows.

01Frontend engineering

  • React — component-based user interfaces
  • TypeScript — typed application development
  • JavaScript — interactive functionality
  • Responsive layouts and reusable UI components
  • Custom CSS and visual interface styling

02Backend & data

  • Supabase — backend and application services
  • PostgreSQL — relational data storage and management
  • API integrations — communication between application services
  • Application logic and data validation

03Cloud & communication

  • Google Cloud — cloud infrastructure and services
  • Resend API — transactional email integration
  • Automated email workflows
  • Integration of cloud and application services

04Commerce & operations

  • Product catalogue and product management
  • Checkout and payment integration
  • Order processing and administration
  • Secure digital product delivery
  • Booking and customer communication workflows

05Development & AI

  • AI-assisted software development
  • Rapid application prototyping
  • LLM experimentation and evaluation
  • RAG exploration and research

The platform includes product and order management, payment integration, transactional email, digital delivery and booking workflows. AI-assisted engineering and LLM/RAG experimentation form part of the development process and research activities, rather than a deployed production RAG system.

04 UX/UI & design system

A consistent visual identity across content, products and interactions.

The interface combines a dark editorial design with high-contrast typography and a distinctive pink accent. The visual hierarchy separates educational content, product information and interactive elements, while responsive components provide a consistent experience across devices. The bilingual structure supports navigation and content presentation in Polish and English.

  • Information architecture
  • Polish–English user experience
  • Custom interface design
  • Responsive layouts
  • Editorial content hierarchy
  • Digital product discovery
  • Consistent visual components
  • Accessibility-conscious design

Brand & accent colours

Signature Pink#E2024C
Deep Charcoal#121212
Black#000000

Typography & neutrals

White#FFFFFF
Light Grey#CCCCCC
Muted Grey#68686A

05 Digital product & platform functionality

The application connects educational resources with digital commerce and supporting administration. Users can discover content and products, complete purchases and access digital resources through structured interfaces and integrated workflows.

01Digital products

  • Educational resources
  • Digital publications
  • Interactive assessments
  • Product catalogue and discovery

02Commerce

  • Product pages
  • Checkout and order workflows
  • Transactional communications
  • Digital delivery
  • Guided booking flows

03Platform operations

  • Content administration
  • Product and order administration
  • Customer communication
  • Supporting application workflows

06 Accessibility, SEO & content experience

The platform organises substantial educational content through semantic page structures, consistent navigation and responsive layouts. Polish and English content paths support bilingual access, while SEO-oriented information architecture improves content organisation and discoverability.

Semantic HTML
Responsive layouts
Accessible navigation patterns
Content hierarchy
Polish and English navigation
SEO-oriented page structure
Performance-conscious frontend development

07 Outcome

EgoExplained demonstrates end-to-end product development using React, TypeScript, Supabase, PostgreSQL and integrated cloud services. The project brings together UX/UI design, application engineering, digital commerce, transactional communications and ongoing platform management.

Product Strategy · Product Architecture · UX/UI Design · Full-Stack Development · Digital Product Engineering

  • 45KTikTok
  • 10KYouTube
  • 600Newsletter
  • 200Discord

An audience built across content and community channels — shown as supporting context, not a measure of application performance.