VoiceHub
这是一个使用Nuxt 3全栈框架开发的低成本校园广播站点歌系统。系统提供完整的点歌投票、排期管理、权限控制和打印导出功能，具备现代化的UI设计。管理员可通过直观的拖拽界面进行排期管理，支持多播出时段配置。系统内置完善的权限管理体系、学期管理、黑名单控制等功能，同时针对移动端进行了优化，确保在各种设备上都能提供出色的用户体验
Overview
VoiceHub is a modern campus broadcast song management system developed using the Nuxt 3 full-stack framework. It offers a comprehensive solution for song requests, voting, scheduling management, notification delivery, data analysis, permission control, and database management. With robust multi-role permission management and flexible system configuration, VoiceHub is tailored for educational environments, facilitating a seamless song selection experience for users while maintaining administrative oversight.
This system is designed to enhance the interaction within campus communities, allowing users to easily request songs, engage in feedback through voting, and enjoy a range of administrative features that streamline the management of songs and schedules. Its user-friendly interface and efficient backend make it an ideal tool for modern educational institutions looking to leverage technology in enhancing campus life.
Features
- Smart Song Request System: Users can request songs or vote for existing ones, pulling data from popular sources like NetEase Cloud Music and QQ Music.
- Multi-Platform Login Support: Allows users to log in via NetEase Cloud Music, enabling easy access to their personal playlists and podcast content.
- User Management: Admins can manage users by adding them and categorizing them based on grade levels or classes, facilitating organized access.
- Flexible Scheduling Management: Admins can use a drag-and-drop interface for effective song scheduling, with draft saving capabilities for refinement before publication.
- Real-Time Notification System: Users receive instant notifications about song selections and votes, with customizable preferences for notification types.
- Intuitive Database Management: Features complete backup and recovery options, ensuring a stable and secure user data management process.
- Modern UI Design: The platform boasts a responsive design with a dark theme and smooth animations, enhancing user experience across devices.
- Data Analysis and Insights: Provides comprehensive data insights, such as trending songs and user engagement metrics, to aid administrators in making informed decisions.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Neon
Neon is a fully managed serverless PostgreSQL database with autoscaling, branching, and bottomless storage. It separates storage and compute to offer instant provisioning and scale-to-zero capabilities for modern cloud applications.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.