This is a React application called Voice Recording App, designed to record user audio, play it back, and allow for deletion of the recorded audio files. It's built using React, Typescript, Flowbite-React, and Tailwind CSS.
-
Recording Audio: Users can record their audio using the application.
-
Playback Audio: Recorded audio can be played back within the app.
-
Delete Audio: Users have the option to delete recorded audio files.
-
Audio Visual Representation: Users can observe an audio animation during both recording and playback sessions.
In addition to the current functionalities, future updates of the Voice Recording App may include:
-
Download Recorded Audio: Enable users to download their recorded audio files for offline access or sharing.
-
List of Recorded Audio: Provide users with a comprehensive list of all recorded audio files, making it easier to manage and access their recordings.
-
Share Recorded Audio: Implement sharing functionalities, allowing users to share their recorded audio files with others via various communication channels.
These features aim to enhance user experience and provide additional utility to the Voice Recording App.
You can access the demo of the application here.
To run this application locally, follow these steps:
-
Clone the repository from GitHub.
-
Navigate to the project directory.
-
Install dependencies using npm install or yarn install.
-
Start the development server with npm start or yarn start.
Once the application is running locally, you can access it through your web browser. Record your audio, play it back, and delete it as needed.
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes.
This project is licensed under the MIT License. See the LICENSE file for details.
-
GitHub: mouraleonardo
-
LinkedIn: mouraleonardo
-
CodePen: mouraleonardo
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent