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.

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?