Kodschul — Online Learning Platform

October 2025 – Present

Full-Stack Engineer · Production Contributor

UI/UX enhancement and CMS optimization for a live German education platform serving professional IT and AI training programs.

Next.js 15React 19Payload CMSMongoDBTailwindSass+3 more
Kodschul — Online Learning Platform

Overview

Kodschul is an established online learning platform offering IT and AI courses to German-speaking professionals.

Joined the project as a production contributor to enhance user interface, optimize content management workflows, and improve overall platform performance.

Focused on delivering incremental improvements to a live platform serving active users while maintaining system stability.

The Problem

The established online learning platform required significant UI/UX modernization to remain competitive and attract new professionals.

The existing content management workflows in the CMS were inefficient, slowing down the administration and launch of new courses.

Performance metrics needed optimization to ensure a fast, modern user experience for global IT and AI training participants.

My Contributions

Redesigned and implemented UI components to modernize the platform's visual identity and improve user experience

Optimized Payload CMS architecture for more efficient content management and course administration

Enhanced internationalization implementation using next-intl for seamless German-English language switching

Integrated Framer Motion for smooth animations and transitions across the platform

Improved responsive design to ensure consistent experience across mobile and desktop devices

Refactored server-side rendering logic for better SEO performance and faster page loads

Implemented performance optimizations reducing initial load time and improving Core Web Vitals

Challenges

  • Working on a production system with zero-downtime requirements
  • Maintaining backward compatibility while introducing UI improvements
  • Coordinating changes with existing content structure in Payload CMS
  • Balancing feature enhancements with performance optimization
  • Ensuring changes adhered to existing German localization standards

Outcomes

  • Successfully deployed UI improvements to production without service interruption
  • Improved platform navigation and user engagement through enhanced interface design
  • Streamlined content management workflows for course administrators
  • Achieved better performance metrics with optimized rendering strategies
  • Maintained platform stability throughout iterative enhancement process

Tech Stack

frontend

Next.js 15React 19TypeScriptTailwind CSSSass

cms

Payload CMS 3Lexical EditorSlate Editor

database

MongoDB

animation

Framer Motion

i18n

next-intlnext-translate

ui

HeroiconsLucide React

deployment

Payload Cloud
Chi Samuel — Full-Stack Engineer