āĻŦāĻžāĻāĻ˛āĻžāĻĻā§āĻļā§āĻ° āĻ¸ā§āĻ°āĻž āĻāĻ¨ā§āĻ¸āĻā§āĻ¯āĻžāĻ¨ā§āĻ āĻ¸āĻžāĻāĻ¨ā§āĻĄ āĻŦā§āĻ°ā§āĻĄ â Firebase āĻĻā§āĻŦāĻžāĻ°āĻž āĻāĻžāĻ˛āĻŋāĻ¤āĨ¤
npm install
.env.example āĻĢāĻžāĻāĻ˛āĻāĻŋ āĻāĻĒāĻŋ āĻāĻ°ā§ .env āĻ¨āĻžāĻŽ āĻĻāĻŋāĻ¨:
cp .env.example .env
āĻ¤āĻžāĻ°āĻĒāĻ° āĻāĻĒāĻ¨āĻžāĻ° Firebase āĻāĻ¨āĻĢāĻŋāĻ āĻĻāĻŋāĻ¯āĻŧā§ .env āĻĢāĻžāĻāĻ˛ āĻĒā§āĻ°āĻŖ āĻāĻ°ā§āĻ¨āĨ¤
Firestore Database:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /sounds/{soundId} {
allow read: if true;
allow write: if true; // āĻĒā§āĻ°ā§āĻĄāĻžāĻāĻļāĻ¨ā§ auth āĻ¯ā§āĻā§āĻ¤ āĻāĻ°ā§āĻ¨
}
}
}
Firebase Storage:
rules_version = '2';
service firebase.storage {
match /b/{bucket}/o {
match /sounds/{allPaths=**} {
allow read: if true;
allow write: if request.resource.size < 10 * 1024 * 1024
&& request.resource.contentType.matches('audio/.*');
}
}
}
npm start
npm run build
soundboard-bd/
âââ .env â Firebase keys (āĻā§āĻĒāĻ¨ āĻ°āĻžāĻā§āĻ¨!)
âââ .env.example â āĻā§āĻŽāĻĒā§āĻ˛ā§āĻ
âââ .gitignore
âââ package.json
âââ public/
â âââ index.html
âââ src/
âââ firebase.js â Firebase config (.env āĻĨā§āĻā§ āĻ˛ā§āĻĄ)
âââ App.js â āĻŽā§āĻāĻ¨ āĻāĻŽā§āĻĒā§āĻ¨ā§āĻ¨ā§āĻ
âââ App.css â āĻ¸ā§āĻāĻžāĻāĻ˛
âââ index.js â āĻāĻ¨ā§āĻā§āĻ°āĻŋ āĻĒāĻ¯āĻŧā§āĻ¨ā§āĻ
.env āĻĢāĻžāĻāĻ˛ āĻāĻāĻ¨ā§ GitHub-āĻ push āĻāĻ°āĻŦā§āĻ¨ āĻ¨āĻž.gitignore-āĻ .env āĻ¯ā§āĻā§āĻ¤ āĻāĻā§ āĻāĻŋāĻ¨āĻž āĻ¨āĻŋāĻļā§āĻāĻŋāĻ¤ āĻāĻ°ā§āĻ¨