Viberavin

WelcomeScreen
SignupScreen
LoginScreen
HomeScreen
SongScreen
AddPostScreen
ApplyScreen

About Vibravin

Introducing Viberavin, a groundbreaking music player app designed for deaf and hard of hearing individuals. Our app revolutionizes music enjoyment by using audio analysis to translate music into vibrations using haptic feedback, allowing users to feel the rhythm of their favorite tunes directly on their phones. By synchronizing audio, animation, and vibrations, Viberavin delivers a seamlessly integrated and immersive experience that elevates music enjoyment to new heights.

What sets Viberavin apart is its immersive experience. Not only does the app create tactile sensations with the beat and intensity of the music, but it also features a selection of fun and engaging 2D animations of characters reacting to the music in real-time. Users can choose their favorite characters to dance along, enhancing their musical experience like never before.

But we don't stop there. Viberavin is more than just a music player. We believe in empowering our users through customization and feedback. The app prompts users for feedback after each listening session, allowing them to adjust vibration intensity and other settings to tailor their experience. This personalized approach not only enhances user satisfaction but also educates them about the app's features and capabilities.

In addition, Viberavin goes beyond entertainment. As a part of the ActualFood challenge, we've integrated a Connect page that connects users with organizations for music-related projects. The Add Post feature allows organizations to submit project details including attachments such as PDFs, code files for tech opportunities, sound files for music projects, or game files for game-related projects. Users submit a proposal with enhancements to the project and any additional files, such as their resume or related projects. This streamlines the process and provides valuable opportunities for our community. The recruiters would review the proposals and select the talented individuals with whom their values align.

Our focus on accessibility doesn't end there. We're committed to inclusivity by incorporating features like color adjustments for different types of color blindness and other optimizations to enhance the user experience for all.

Join us in revolutionizing how deaf and hard of hearing individuals experience music. With Viberavin, everyone can feel the rhythm and connect with the music they love.

Inspiration

Our inspiration for Viberavin stems from a recognition that while accessibility efforts often focus on making education and work more accessible, there's a gap in providing innovative, exciting, and fun experiences for people with disabilities. We wanted to level the ground by creating an app that not only addresses accessibility but also offers a genuinely enjoyable and engaging experience that users can physically feel and experience with their own bodies.

Challenges we ran into

Lottie.js: Loading animation was challenging. We tried the three.js, D3.js, react-animated components before finalizing to use the Lottie.js. The Lottie.js was not showing up in the Android because of compatibility issue. So, we have to use separate components to handle the error.
Synchronization Animation, Vibration, and Audio: The play and pause buttons were not working for both vibration and animation synchronously with the music audio. We have to use the duration property of the Vibration library from expo-av to make the vibration and animation aligned with the music playing in the background.
Integrating of Popular Music: Getting the HTML content through web scrapping was challenging. That's because most of the website didn't render the html content with tags. So, we have to use regex expressions to parse the music list from the website through axios.

Accomplishments that we're proud of

Making the main features of our app function
Increasing accessibility in the area of entertainment
Connecting underrepresented communities with opportunities
Working consistently throughout the duration of the entire hackathon

What's next for Viberavin

Introduction of 3d animations and additional 2d animations
AI incorporation through creation of mood-based playlists based on audio analysis and user's listening activity
Offer resources and tutorials within the app for users interested in learning more about music production, coding for music projects, or other related topics.