Discover Your Next Favorite Bite ๐Ÿฝ๏ธ

Positive vibes onlyโ€”explore the tastiest spots in town.

Explore Local Crumbs!

const categoryIcons={ "Pizza":"๐Ÿ•", "Burgers":"๐Ÿ”", "Cafรฉs & Coffee":"โ˜•๏ธ", "Mexican":"๐ŸŒฎ" }; const restaurants=[ {name:"Pizza Nomad",coords:[-71.5210,41.6969],category:"Pizza",link:"pizza-nomad.html"}, {name:"Burger Bliss",coords:[-71.5642,41.6887],category:"Burgers",link:"burger-bliss.html"} ]; restaurants.forEach(res=>{ const marker=document.createElement('div'); marker.style.fontSize='25px'; marker.textContent=categoryIcons[res.category]; new mapboxgl.Marker(marker) .setLngLat(res.coords) .setPopup(new mapboxgl.Popup().setHTML(` ${res.name} ${categoryIcons[res.category]}
Read Review โ†’`)) .addTo(map); }); const cards=document.querySelectorAll('.review-card'); const filter=document.getElementById('categoryFilter'); function populateDropdown(){ let categories=new Set(["All"]); cards.forEach(card=>categories.add(card.getAttribute('data-category'))); filter.innerHTML=''; categories.forEach(cat=>{ const option=document.createElement('option'); option.value=cat; option.textContent=cat==="All"?"๐Ÿฝ๏ธ All Categories":cat; filter.appendChild(option); }); } filter.addEventListener('change',function(){ const selected=this.value; cards.forEach(card=>{card.style.display=(selected==='All'||card.getAttribute('data-category')===selected)?'block':'none';}); }); populateDropdown();