HYF-Class20 / Sound-Blog-Platform

In the era dominated by visual content and text-based information, we're stepping back to the essence of 'hearing'. Introducing "SoundBlog", a microblogging platform that allows users to record and share sound snippets. it's all about sharing experiences and moments in pure audio form.

Home Page:https://sound-blog-app.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sound-Blog-Platform

Overview

Sound is a vibration that propagates as an acoustic wave through a transmission medium such as a gas, liquid or solid.

Introducing "SoundBlog", a microblogging platform that allows users to record and share sound snippets. User can send/share sound messages. User can record and use pre-recorded messages.User can also use sounds file.It's all about sharing experiences and moments in pure audio form.

Alt text

Features

Audio Recording and Uploads:

Integration of an audio recording feature that enables users to record sounds or upload pre-recorded audio files.

Sound Galleries:

Users can organize sounds into collections or galleries, categorizable for easy exploration.

Publishing:

Users can share their sound stories on X (Sound-Blog-Plateform).

Technologies

Frontend: React js for a responsive user interface.

Backend: Api built with node.js Backend GitHub repo

Database: Docker container

Audio Processing: Web Audio API or a third-party library for handling audio recording and playback.

Contributors:

ibrahim Ali

juan

Mervat

Nana Nhuien

Neha

Xin Lou

Following are the commands to install & start backend

Cd audios-backend

docker compose up -d

npm install

npm start

Here is the our application

Sound Blog

Screenshots

Alt Text

About

In the era dominated by visual content and text-based information, we're stepping back to the essence of 'hearing'. Introducing "SoundBlog", a microblogging platform that allows users to record and share sound snippets. it's all about sharing experiences and moments in pure audio form.

https://sound-blog-app.netlify.app/

License:MIT License


Languages

Language:JavaScript 65.0%Language:CSS 33.2%Language:HTML 1.8%