Available

REKODA🎙️Angular CRUD Application

REKODA🎙️Angular CRUD Application

REKODA🎙️Angular CRUD Application

Project 35

2 weeks

Web Dev (Full-Stack, Angular 8 + Spring Boot + MongoDB)

Project 35

2 weeks

Web Dev (Full-Stack, Angular 8 + Spring Boot + MongoDB)

Project 35

2 weeks

Web Dev (Full-Stack, Angular 8 + Spring Boot + MongoDB)

Project 35 Recorder Web Application Overview 🎙️

Introduction 🚀

Greetings, we are Project 35, thrilled to showcase our Java project, Rekoda. Today, we'll delve into the purpose of this web application in relation to our capstone project, Sentience, a Unity-based game centering on mental illness with a unique feature—Speech Emotion Recognition (SER) powered by Python and Scikit Learn library.

Key Features 🌟

  • Speech Emotion Recognition (SER) 🔊💖:

    Utilizing Python and Psychit Learn, our game captures players' emotions through voice, influencing in-game elements like weather. SER currently boasts a 74% accuracy with a dataset of 1000 voice samples.

  • Challenge 🚧:

    The accuracy hurdle in SER prompted us to develop a web application. This Angular-based app collects voice samples from participants, enhancing SCR Engine's machine-learning dataset for more accurate emotion classifications.

Architecture 🏗️

  • Data Flow 📤:

    The recording application captures sound using RecordRTC JavaScript Library, converts it to Base64, and passes it to the Spring Boot backend.

  • Storage 💾:

    MongoDB stores the data, including audio files saved as WAV. The front end updates in real-time, displaying the latest recordings.

Demo 🎥

  • Components 🧩:

    The web app comprises Record, Playlist, and Sign-In components, offering seamless recording, playback, and user interactions.

  • Recording 🎙️:

    Utilizing Web Audio API, the app provides a real-time audio visualizer for users to record and play back their voice samples. The Base64 storage ensures efficient use of resources.

  • Playlist ⏯️:

    Users can access a list of past recordings, play them, and delete if needed. The service TypeScript facilitates smooth interactions with the Spring Boot API.

  • Sign-In 🌠:

    A component to gather user information for improved connectivity and interaction.

Next Steps 🚀

  • Storage Enhancement 🗂️:

    Explore options like S3 bucket or Azure disk storage to persistently store user-uploaded audio samples.

  • Security Implementation 🛡️:

    Allow users to choose whether to submit or delete their recordings, ensuring data privacy.

  • TensorFlow Integration 🤖:

    Implement TensorFlow.js for improved quality control in recognizing speech and analyzing voice samples.

Closing Remarks 🌐

Project 35 Recorder is a testament to our commitment to overcoming challenges and contributing to the realm of full-stack development. We appreciate your time and welcome any questions or comments. Thank you for joining us on this journey.

Project 35 Recorder Web Application Overview 🎙️

Introduction 🚀

Greetings, we are Project 35, thrilled to showcase our Java project, Rekoda. Today, we'll delve into the purpose of this web application in relation to our capstone project, Sentience, a Unity-based game centering on mental illness with a unique feature—Speech Emotion Recognition (SER) powered by Python and Scikit Learn library.

Key Features 🌟

  • Speech Emotion Recognition (SER) 🔊💖:

    Utilizing Python and Psychit Learn, our game captures players' emotions through voice, influencing in-game elements like weather. SER currently boasts a 74% accuracy with a dataset of 1000 voice samples.

  • Challenge 🚧:

    The accuracy hurdle in SER prompted us to develop a web application. This Angular-based app collects voice samples from participants, enhancing SCR Engine's machine-learning dataset for more accurate emotion classifications.

Architecture 🏗️

  • Data Flow 📤:

    The recording application captures sound using RecordRTC JavaScript Library, converts it to Base64, and passes it to the Spring Boot backend.

  • Storage 💾:

    MongoDB stores the data, including audio files saved as WAV. The front end updates in real-time, displaying the latest recordings.

Demo 🎥

  • Components 🧩:

    The web app comprises Record, Playlist, and Sign-In components, offering seamless recording, playback, and user interactions.

  • Recording 🎙️:

    Utilizing Web Audio API, the app provides a real-time audio visualizer for users to record and play back their voice samples. The Base64 storage ensures efficient use of resources.

  • Playlist ⏯️:

    Users can access a list of past recordings, play them, and delete if needed. The service TypeScript facilitates smooth interactions with the Spring Boot API.

  • Sign-In 🌠:

    A component to gather user information for improved connectivity and interaction.

Next Steps 🚀

  • Storage Enhancement 🗂️:

    Explore options like S3 bucket or Azure disk storage to persistently store user-uploaded audio samples.

  • Security Implementation 🛡️:

    Allow users to choose whether to submit or delete their recordings, ensuring data privacy.

  • TensorFlow Integration 🤖:

    Implement TensorFlow.js for improved quality control in recognizing speech and analyzing voice samples.

Closing Remarks 🌐

Project 35 Recorder is a testament to our commitment to overcoming challenges and contributing to the realm of full-stack development. We appreciate your time and welcome any questions or comments. Thank you for joining us on this journey.

Project 35 Recorder Web Application Overview 🎙️

Introduction 🚀

Greetings, we are Project 35, thrilled to showcase our Java project, Rekoda. Today, we'll delve into the purpose of this web application in relation to our capstone project, Sentience, a Unity-based game centering on mental illness with a unique feature—Speech Emotion Recognition (SER) powered by Python and Scikit Learn library.

Key Features 🌟

  • Speech Emotion Recognition (SER) 🔊💖:

    Utilizing Python and Psychit Learn, our game captures players' emotions through voice, influencing in-game elements like weather. SER currently boasts a 74% accuracy with a dataset of 1000 voice samples.

  • Challenge 🚧:

    The accuracy hurdle in SER prompted us to develop a web application. This Angular-based app collects voice samples from participants, enhancing SCR Engine's machine-learning dataset for more accurate emotion classifications.

Architecture 🏗️

  • Data Flow 📤:

    The recording application captures sound using RecordRTC JavaScript Library, converts it to Base64, and passes it to the Spring Boot backend.

  • Storage 💾:

    MongoDB stores the data, including audio files saved as WAV. The front end updates in real-time, displaying the latest recordings.

Demo 🎥

  • Components 🧩:

    The web app comprises Record, Playlist, and Sign-In components, offering seamless recording, playback, and user interactions.

  • Recording 🎙️:

    Utilizing Web Audio API, the app provides a real-time audio visualizer for users to record and play back their voice samples. The Base64 storage ensures efficient use of resources.

  • Playlist ⏯️:

    Users can access a list of past recordings, play them, and delete if needed. The service TypeScript facilitates smooth interactions with the Spring Boot API.

  • Sign-In 🌠:

    A component to gather user information for improved connectivity and interaction.

Next Steps 🚀

  • Storage Enhancement 🗂️:

    Explore options like S3 bucket or Azure disk storage to persistently store user-uploaded audio samples.

  • Security Implementation 🛡️:

    Allow users to choose whether to submit or delete their recordings, ensuring data privacy.

  • TensorFlow Integration 🤖:

    Implement TensorFlow.js for improved quality control in recognizing speech and analyzing voice samples.

Closing Remarks 🌐

Project 35 Recorder is a testament to our commitment to overcoming challenges and contributing to the realm of full-stack development. We appreciate your time and welcome any questions or comments. Thank you for joining us on this journey.

Let's Connect!

Let's Connect!

Let's Connect!

© Copyright 2023. All rights Reserved.

Made by

© Copyright 2023. All rights Reserved.

Made by

Available for Work

Available for Work