All works

Selected work / Full-Stack Web

Australian Dance Music Charts - Interactive Music Ranking Platform

A closer look at the thinking, technology, and execution behind this project.

Australian Dance Music Charts - Interactive Music Ranking Platform project preview

About the project

Built with clarity from the first screen onward.

Australian Dance Music Charts is a dynamic, interactive music ranking platform designed to simplify how users create, organize, and submit their favorite dance music charts. The platform combines intuitive drag-and-drop functionality, streamlined song management, and an efficient administrative workflow to deliver a seamless music charting experience.

Built with Next.js, Server Actions, Prisma, and PostgreSQL, the application supports personalized song rankings, structured chart submissions, and centralized data management.

The platform features a modern, responsive interface powered by shadcn/ui, allowing users to build and manage their music charts effortlessly while providing administrators with tools to review submissions, export data, and maintain chart records.

Key Features
  • Interactive Drag-and-Drop Rankings: Intuitive song reordering that allows users to organize and prioritize tracks within personalized music charts.
  • Smart Song Management: Flexible song search, selection, and creation workflows with support for mixes, record labels, and detailed track information.
  • Structured Chart Submission: Users can build personalized charts of 20 songs and submit their completed rankings for administrative review.
  • Admin Dashboard: Centralized interface for reviewing submitted charts, managing song entries, and overseeing platform activity.
  • Advanced Data Management: CSV export functionality and bulk record deletion based on daily, weekly, or monthly submission periods.
  • Playlist Import & Reuse: Convenient functionality for importing previously created song lists, reducing repetitive work and simplifying chart creation.
  • Secure Authentication: NextAuth integration for user authentication and role-based access to administrative functionality.
  • Efficient Server-Side Operations: Next.js Server Actions for streamlined client-server communication and efficient data mutations.
  • Reliable Database Architecture: Prisma ORM with PostgreSQL for structured song records, chart submissions, and efficient database operations.
  • Modern Responsive UI/UX: shadcn/ui components delivering a clean, accessible, and consistent experience across desktop and mobile devices.
Technology Stack
  • Frontend: Next.js, TypeScript
  • UI Components: shadcn/ui
  • Backend Operations: Next.js Server Actions
  • ORM: Prisma
  • Database: PostgreSQL
  • Authentication: NextAuth
  • Core Interactions: Drag-and-Drop Ranking, Song Management, Chart Submission
  • Data Management: CSV Export, Bulk Deletion, Playlist Import
  • Design: Responsive, Mobile-Friendly UI/UX
Project Highlights

Australian Dance Music Charts demonstrates our expertise in developing interactive, data-driven web applications with sophisticated user interactions and streamlined management workflows.

Our frontend development contribution focused on implementing complex chart-building interfaces, intuitive drag-and-drop functionality, seamless song management, and responsive UI components. By integrating these experiences with Next.js, Prisma, and PostgreSQL, we helped deliver a scalable platform that simplifies music ranking for users while improving submission management and administrative efficiency.

Have a similar idea?

Let’s turn it into something useful.

Start a conversation