https://github.com/sachin2398/voice-recorder

Voice-Recording-App This is a simple MERN (MongoDB, Express.js, React.js, Node.js) stack application for recording audio. It allows users to record their voice using the microphone, save the recorded audio, and list all saved recordings.
https://github.com/sachin2398/voice-recorder

bootstrap express mongoosejs nodejs reactjs

Last synced: 6 days ago
JSON representation

Voice-Recording-App This is a simple MERN (MongoDB, Express.js, React.js, Node.js) stack application for recording audio. It allows users to record their voice using the microphone, save the recorded audio, and list all saved recordings.

• Host: GitHub
• URL: https://github.com/sachin2398/voice-recorder
• Owner: sachin2398
• Created: 2024-02-22T07:42:41.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-02-23T08:16:08.000Z (7 months ago)
• Last Synced: 2024-09-24T17:32:34.276Z (9 days ago)
• Topics: bootstrap, express, mongoosejs, nodejs, reactjs
• Language: JavaScript
• Homepage: https://record-front.vercel.app/
• Size: 343 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# voice-recorder

voice-recording-app

# MERN Stack Voice Recorder Application

Deployment Link: https://record-front.vercel.app/

 

Video Link: https://drive.google.com/file/d/1VoCTLSZEW1jJic4v_PUaqfGeU7WmG0yG/view?usp=sharing


## Screenshots

> ## Frame 1

| Small Screen           | Large Screen            |

| ---------------------- | ---------------------- |

| ![homepage](https://github.com/sachin2398/voice-recorder/assets/113828281/13791537-67df-45bc-ae12-ee290363ac36)| ![homepage](https://github.com/sachin2398/voice-recorder/assets/113828281/7d74ee0b-04fd-4ade-be1b-878149be8330)|

![Database](https://github.com/sachin2398/voice-recorder/assets/113828281/4e4ae1b1-a22b-4f0a-bd2e-8e647e00b506)

This is a simple MERN (MongoDB, Express.js, React.js, Node.js) stack application for recording audio. It allows users to record their voice using the microphone, save the recorded audio, and list all saved recordings.

## Features

- Record audio using the browser's microphone.

- Save recorded audio to the database.

- List all saved recordings.

## Installation

### Backend

1. Clone the repository.

2. Navigate to the backend directory: `cd backend`.

3. Install dependencies: `npm install`.

4. Start the server: `npm start`.

### Frontend

1. Navigate to the frontend directory: `cd frontend`.

2. Install dependencies: `npm install`.

3. Start the development server: `npm start`.

## Technologies Used

### Backend

- Node.js

- Express.js

- MongoDB (with Mongoose)

### Frontend

- React.js

- React Bootstrap

- mic-recorder-to-mp3 (for recording audio)

## Usage

1. Open the application in your web browser.

2. Click on the microphone icon to start recording.

3. Click on the stop icon to stop recording.

4. The recorded audio will be displayed with playback controls.

5. Click on the "Add to Database" button to save the recording.

6. All saved recordings will be listed below the recording interface.