Dynamic Mongo Song List
Budget: $10 – $30 AUD
I need a single, self-contained HTML/PHP page that connects to my MongoDB collection and renders every entry as
Song Name – Artist
in a clean list view. From that starting point, I want users to be able to:
• Search instantly by song name or artist name (case-insensitive, no page refresh).
• Refine results through a filter panel offering Genre, Year, and Artist type options (Girl singers, Male singers, Bands). Multiple selections should combine logically so users can mix and match filters.
• Jump quickly with an A-to-Z bar—clicking a letter scrolls or filters to songs that start with that letter.
The page should talk to MongoDB directly through PHP (please leave clear placeholders for host, database, and collection names) and use lightweight AJAX so the list updates without reloading. Pure PHP/JavaScript is fine; Bootstrap or similar is welcome for styling as long as everything ships in one folder.
Acceptance criteria
– One PHP file (plus optional CSS/JS) that I can drop on my server and run after adding Mongo credentials.
– List view is the default and matches the “Song Name – Artist” format exactly.
– Search box and filters work together seamlessly and respond in under a second on a modest dataset.
– Code is well commented so I can extend the schema later.
Song Name – Artist
in a clean list view. From that starting point, I want users to be able to:
• Search instantly by song name or artist name (case-insensitive, no page refresh).
• Refine results through a filter panel offering Genre, Year, and Artist type options (Girl singers, Male singers, Bands). Multiple selections should combine logically so users can mix and match filters.
• Jump quickly with an A-to-Z bar—clicking a letter scrolls or filters to songs that start with that letter.
The page should talk to MongoDB directly through PHP (please leave clear placeholders for host, database, and collection names) and use lightweight AJAX so the list updates without reloading. Pure PHP/JavaScript is fine; Bootstrap or similar is welcome for styling as long as everything ships in one folder.
Acceptance criteria
– One PHP file (plus optional CSS/JS) that I can drop on my server and run after adding Mongo credentials.
– List view is the default and matches the “Song Name – Artist” format exactly.
– Search box and filters work together seamlessly and respond in under a second on a modest dataset.
– Code is well commented so I can extend the schema later.