SPA designed to showcase, rate, and point people in the direction of Denver’s best queso with links to each on google maps. Engineered user interface using React and React Bootstrap for a simple elegant design. Constructed a responsive view from any browser or screen size. Animated with CSS for increased engagement.
Moving from Texas to Colorado I had a rude awakening when it came to gettng my queso fix. Turns out it is not as much of a "thing" as it is in Texas. Having trouble finding restaurants with a quality product, I decided to create a web application to rate and provide links to find quesos around the city of Denver.
![Demo]https://youtu.be/qJsuCL0xBF8
if ((queso.price) <= 5){
return "🤑"
}else if ((queso.price) >= 6 && (queso.price) <= 9){
return "🤑🤑"
}else if ((queso.price) >= 10){
return "🤑🤑🤑"}
}
const displaySpicy = () => {
if ((queso.spicy) <= 3){
return "🔥"
}else if ((queso.spicy) >= 4 && (queso.spicy) <= 6){
return "🔥🔥"
}else if ((queso.spicy) >= 7){
return "🔥🔥🔥"}
}
![Site]https://hopeful-raman-70b1e5.netlify.app/
You can favorite and send your top queso picks to your plate by clicking anywhere on each card. You may also remove them from clicking on the card sitting on the plate. Clicking on the button with the restaurant name will take you directly to a Google Map of the newarest locations.
Formatted to be responsive to web browsers, however it is not formatted for mobile devices.