mysterEAT is a cutting-edge single-page web-based application that allows users to discover Denver's premier restaurants through an extensive catalog spanning your favorite cuisines. mysterEAT delivers a user experience catering to our inner spontaneity by offering users the opportunity to be surprised with a random restaurant suggestion via our mysterEAT card. Additionally, users have the ability to dynamically search through the catalog with our cuisine search algorithm. Our mission is to become your app of choice when deciding where to eat with loved ones feels like a mystery.
โค๏ธ
Have you ever found yourself in a situation where you were so hungry that everything sounds good, making it a lot harder to choose a restaurant? You're not alone! Our app was born with the sole purpose of helping you during those moments of indecisiveness.
- Ruby: version 2.6.5
- Rails: version 6.0.3
- SQLite3: version 1.4
- Puma: version 4.1
- JavaScript: version 1.1.1
- JSON: version 2.3
- Rack CORS: version 1.1.1
From your backend folder perform the following commands:
bundle install
rails db:migrate
rails db:seed
rails s
From your frontend folder perform the following command:
lite-server
You are now ready to start using the first iteration of mysterEAT!
*Please note that some features are still a work in progress.
- Explore our catalog of Denver's highly-rated restaurants.
- If you're in a hurry & feeling spontaneous, take a chance with our mysterEAT button.
- Otherwise, use our search to narrow down the field of restaurant cards by cuisine.
- Still undecided? Allow us to help you by making a restaurant suggestion via our state-of-the-art mysterEAT feature.
- Interested in a different cuisine? Try searching for a new one in the top right or simply click on our logo to return to the main catalog.
function surpriseRestaurant() {
fetch(restaurantURL)
.then(response => response.json())
.then(restaurants => {
let randomNumber = Math.floor(Math.random() * (restaurants.length));
document.getElementById("surpriseCard").innerHTML = `
<p><strong>${restaurants[randomNumber].name}</strong></p>
<img id="back-image" src="${restaurants[randomNumber].logo}">
<div class="card-info">
<p><label>Rating: </label>${restaurants[randomNumber].rating}</p>
<p><label>Price: </label>${restaurants[randomNumber].price}</p>
<p><label>Location: </label>${restaurants[randomNumber].location.neighborhood}</p>
</div>
<button id="suprise-card-info-button-back" onclick="surpriseRestaurant()">Meh... Next?</button>
`
})
}
<button id="suprise-card-info-button" onclick="surpriseRestaurant()">Your MysterEAT here!</button>
def index
if params[:search_term]
@restaurants = Restaurant.joins(:cuisine).where(
"cuisines.name LIKE '%#{params[:search_term]}%'"
)
else
@restaurants = Restaurant.all
end
render json: @restaurants, include:[ :location, :cuisine ]
end
We're looking forward to rolling-out the following features:
Jon Noriega ๐