Skip to content

SPA designed to showcase, rate, and point people in the direction of Denver’s best queso with links to each on google maps

Notifications You must be signed in to change notification settings

Jamondixon/QuesoFinder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Title

303 QuesoFinder


Description

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.


Screenshot

screenshot


Motivation

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

![Demo]https://youtu.be/qJsuCL0xBF8


Code Example

        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  "🔥🔥🔥"}
    }

Deployed

![Site]https://hopeful-raman-70b1e5.netlify.app/


Technology Used

medium

medium

medium

medium


How to Use

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.


Restrictions

Formatted to be responsive to web browsers, however it is not formatted for mobile devices.

About

SPA designed to showcase, rate, and point people in the direction of Denver’s best queso with links to each on google maps

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published