Telkom Radio
Telkom Radio is the official campus radio station and a premier student activity unit (UKM) at Telkom University. Managed entirely by students, it serves as a dynamic platform for creativity, broadcasting, and public speaking.
Technologies Used:
LaravelLaravel SanctumPHPMySQLRESTful APIReactTypeScriptViteTailwind CSSshadcn/uiRadix UIAxiosReact Router DOMReact Hook FormZod ValidationTanStack React QueryTinyMCE Editor
Features:
Public Users / Visitors:
- Home Page
- Navigation Menu
- View Radio Programs & Schedules
- View News & Articles
- View News Details
- View Events
- View Event Details
- View Podcast List
- View Podcast Series
- Listen to Podcasts
- View Music Charts
- View Crew List
- View Crew Profile
- Contact Page
- Responsive Layout
- Scroll to Top Navigation
- Not Found (404) Page
Admin:
- Admin Login
- Admin Dashboard
- Statistics & Charts Dashboard
- News Management (Add/Edit/Delete)
- Podcast Management (Add/Edit/Delete)
- Event Management (Add/Edit/Delete)
- Music Chart Management (Add/Edit/Delete)
- Radio Schedule Management (Add/Edit/Delete)
- Crew Management (Add/Edit/Delete)
- Role Management
- System Settings
- Message Management
- Rich Text Editor (TinyMCE)
- Protected Admin Routes
- Admin Layout & Sidebar Navigation
Authentication & Security:
- Token-Based Authentication (Laravel Sanctum)
- Protected API Routes
- Private Route Handling (Frontend)
- Role-Based Access Control
- Session Handling
- Logout System
System & Technical Features:
- RESTful API Architecture
- Frontend-Backend Integration via Axios
- Form Validation (React Hook Form + Zod)
- Reusable UI Components (shadcn/ui)
- Responsive Design (Tailwind CSS)
- Pagination
- Search & Filter Data
- CRUD Operations
- Image Upload & Preview
- Rich Text Content Support
- Error Handling & Notifications
- Reusable Layout Components