FONIC is a modern, responsive music streaming website UI developed as part of a Web Development internship under the Department of Information Technology at K. J. Somaiya College of Engineering. This is a frontend-only demonstration showcasing advanced UI/UX design and interactive web development skills without actual audio streaming or backend functionality.
The project focuses on creating a visually appealing and interactive music player interface that simulates a real music streaming experience through pure frontend technologies.
- Modern UI Design: Clean, glassmorphism-inspired interface with gradient themes
- Interactive Music Player: Visual music player controls with simulated playback
- Responsive Layout: Mobile-first design ensuring compatibility across all devices
- Playlist Management: Interactive playlist interface with visual feedback
- Song Library: Organized collection of songs with metadata and artwork
- Artist Profiles: Featured artists section with professional imagery
- Search Interface: Visual search functionality and navigation
- Dynamic Content: Horizontal scrolling carousels for songs and artists
-
HTML5: Semantic markup with accessibility features
-
CSS3: Advanced styling with glassmorphism effects and animations
-
JavaScript: Interactive functionality and DOM manipulation
-
Bootstrap Icons: Professional iconography
-
Google Fonts: Modern typography
-
Live Demo: https://elysian0987.github.io/MSW/
This project demonstrates proficiency in:
- Frontend Development: HTML5, CSS3, and JavaScript
- UI/UX Design: Modern design principles and user experience
- Responsive Design: Cross-device compatibility
- CSS Animations: Advanced styling and visual effects
- JavaScript Interactions: DOM manipulation and event handling
- Version Control: Git workflow and deployment
The project serves as a UI/UX demonstration and frontend development showcase.
Developed under the guidance of Prof.Pragya Gupta as part of the in-house internship at K. J. Somaiya College of Engineering, Department of Information Technology.
This project is open-source under the terms of the MIT License. See the LICENSE file for details.