Learning Management System (LMS)

A full-featured learning platform with course management, authentication, media uploads, and smooth UI animations.

View live demo

The problem

A learning platform has to organise courses and lessons, authenticate students and instructors, and serve video and image content without slowing the interface down.

How it was built

Built in TypeScript with a React front end, using Zod for schema validation on form and API boundaries and Framer Motion for interface transitions. Course data lives in MongoDB behind an Express API, and Cloudinary stores and delivers the uploaded media.

Features

  • Course and lesson management
  • Authentication for separate user roles
  • Media uploads handled through Cloudinary
  • Runtime schema validation with Zod
  • Animated interface transitions with Framer Motion

Technology stack

  • TypeScript
  • React
  • Zod
  • Framer Motion
  • Tailwind CSS
  • Node.js
  • Express.js
  • MongoDB
  • Cloudinary

Related services

  • Full-Stack Development — End-to-end web applications where the interface, the API and the database are built and connected as one system.
  • Web Development — Modern, responsive web applications built with React, Next.js and Tailwind CSS.

Browse all projects by Abdullah, read more about Abdullah, or get in touch.