Learn Southern African Bird Calls in different Habitats, Hotspots or Families
# Bird Sound ID App
'n Voëlgeluid identifikasie applicasie om jou voëlgeluide te leer ken.
## Files Structure
```
BestRunDay/
├── index.html # Main HTML file
├── app.js # Main application logic
├── cisticolas.js # Cisticolas bird data
├── gardenwoodland.js # Garden and Woodland bird data
├── groundbirds.js # Groundbirds bird data
├── LBJs.js # LBJs bird data
├── other.js # Other bird data
├── raptors.js # Raptors bird data
├── seedeaters.js # Seedeaters bird data
├── waders.js # Waders bird data
├── warblers.js # Warblers bird data
├── waterbirds.js # Waterbirds bird data
├── cisticolas/ # Folder with cisticolas media files
├── gardenwoodland/ # Folder with gardenwoodland media files
├── groundbirds/ # Folder with groundbirds media files
├── LBJs/ # Folder with LBJs media files
├── other/ # Folder with other media files
├── raptors/ # Folder with raptors media files
├── seedeaters/ # Folder with seedeaters media files
├── waders/ # Folder with waders media files
├── warblers/ # Folder with warblers media files
└── waterbirds/ # Folder with waterbirds media files
```
## How to Add New Birds
### 1. Add Media Files
Place the following files in the appropriate category folder:
- `BirdName.mp3` - Audio recording
- `BirdName.png` - Spectrogram image
- `BirdName.jpg` - Bird photograph
### 2. Add Bird Data
Add the bird object to the appropriate JavaScript file (e.g., `cisticolas.js`):
```javascript
{english: "Bird Name", afrikaans: "Voël Naam", hotspot: "Location1; Location2", habitat: "HabitatType", birdgroup: "Group Name", level: "1 Beginner",
audio: "cisticolas/BirdName.mp3", spectrogram: "cisticolas/BirdName.png", image: "cisticolas/BirdName.j …