Notable

NotaBle – Smart Karaoke, Real Feedback A karaoke app that evaluates vocals in real time, providing feedback on pitch accuracy. Helps singers improve by identifying where they hit the right notes.

Comment

Inspiration

Karaoke is a fun activity enjoyed by many, but we wanted to create a tool that provides useful feedback for users to refine their vocal skills. We saw this as an opportunity to integrate multimedia and

What it does

Notable is a karaoke improvement app that allows users to select a song, sing along, and receive a score based on their performance. The app records the user’s singing, processes it against the original track, and provides a score reflecting pitch accuracy.

How we built it

We built Notable using React Native with TypeScript and JavaScript for the frontend, providing a smooth and responsive user interface. The backend was developed using Flask with Python, handling the audio processing and scoring system. The app records user audio, sends it to the backend for analysis, and then returns a score based on how closely it matches the original song. We split ourselves into subteams with half working on the frontend and half working on the backend for development.

Challenges we ran into

Since this was our first hackathon, we faced multiple challenges:

  • Learning proper use of Git and managing a project collaboratively.
  • Handling time constraints and structuring our development process within 24 hours.
  • Limited experience with frontend development, which required a learning curve.
  • Connecting the frontend and backend efficiently, ensuring smooth communication between components.

Accomplishments that we're proud of

Despite the challenges, we successfully built a working prototype that integrates both frontend and backend components. This was a major achievement given our limited experience. Additionally, we collaborated well as a team, learning from each other and overcoming obstacles together. The ability to process and analyze audio was another milestone, as none of us had worked with this type of data before.

What we learned

Through this hackathon, we learned valuable lessons in:

  • Integrating frontend and backend systems effectively.
  • Proper version control and collaboration using Git.
  • Managing our time efficiently within a high-pressure development environment.
  • Working with audio data and implementing real-time processing techniques.

What's next for Notable

Looking ahead, we plan to enhance Notable by:

  • Implementing real-time feedback during singing sessions.
  • Expanding the song selection to offer more variety to users.
  • Improving UI/UX for a more themed motif to differentiate and personalise our product brand.
Share this project:

Updates