CDT Jamaica - Digital Repertoire Platform

A modern, responsive web application serving as the official digital repertoire for Caribbean Dance Theatre (CDT) Jamaica. The platform showcases their extensive collection of dance pieces through an interactive gallery with filtering and search capabilities.

React 19 React Router Tailwind CSS Framer Motion Sanity.io Headless CMS Responsive Design Vercel MUI Express.js

Key Features

  • Interactive Repertoire Gallery with filtering and search capabilities
  • Fully responsive design that works across all device sizes
  • Dark/Light Mode with smooth transitions
  • Rich media integration including images, videos, and audio recordings
  • Comprehensive performance details for each dance piece

My Role

Sole Developer & Designer - Architected and developed the entire application from scratch, designed the UI/UX with a focus on performance and accessibility, implemented custom animations and transitions, and set up CI/CD pipeline for automated deployments.

Challenges & Solutions

Challenge: Managing complex media content and metadata

Solution: Implemented a structured content model in Sanity.io with relationships between different content types

Challenge: Ensuring smooth performance with rich media

Solution: Implemented lazy loading and optimized media delivery

Challenge: Creating an intuitive user experience across devices

Solution: Designed with a mobile-first approach and extensive testing on various devices

Impact

  • Provided CDT Jamaica with a professional digital presence
  • Streamlined the process of managing and showcasing their repertoire
  • Improved accessibility of performance information for potential clients and partners
  • Created a scalable platform that can grow with the organization's needs

Project Details

Source Code

View Source Code

Live Preview

Interactive demo of the application

Loading CDT Jamaica - Digital Repertoire Platform preview...

Open in new tab
Open in New Tab