Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

JOAN NABUUMA #118

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

JOAN NABUUMA #118

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f90fda9
Brewery-tours-challenge
JOANNABUUMA Apr 12, 2024
6029588
breweries challenge core and extensions
JOANNABUUMA May 7, 2024
6e2b133
brewery tours challenge new version
JOANNABUUMA May 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
node_modules
package-lock.json
5 changes: 5 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"liveServer.settings.ignoreFiles": [
"**/*.json"
]
}
40 changes: 40 additions & 0 deletions db.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
{
"breweries": [
{
"id": "871b70be-e09e-4936-8b29-f92c0d2e2667",
"name": "Bonaventure Brewing Co",
"brewery_type": "brewpub",
"address_1": "404 S Figueroa St Ste 418A",
"address_2": null,
"address_3": null,
"city": "Los Angeles",
"state_province": "California",
"postal_code": "90071-1797",
"country": "United States",
"longitude": "-118.2562113",
"latitude": "34.05314634",
"phone": "2132360802",
"website_url": "http://www.bonaventurebrewing.com",
"state": "California",
"street": "404 S Figueroa St Ste 418A"
},
{
"id": "950180bd-29c9-46b3-ad0c-e6f09799ec7f",
"name": "13 Below Brewery",
"brewery_type": "micro",
"address_1": "7391 Forbes Rd",
"address_2": null,
"address_3": null,
"city": "Cincinnati",
"state_province": "Ohio",
"postal_code": "45233-1013",
"country": "United States",
"longitude": "-84.70634815",
"latitude": "39.12639764",
"phone": "5139750613",
"website_url": "http://www.13belowbrewery.com",
"state": "Ohio",
"street": "7391 Forbes Rd"
}
]
}
114 changes: 73 additions & 41 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,47 +1,79 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles/reset.css" />
<link rel="stylesheet" href="./styles/index.css" />
<title>Brewery Tours</title>
</head>
<body>
<header class="main-header">
<section class="select-state-section">
<h2>Welcome to Brewery Tours</h2>
<form id="select-state-form" autocomplete="off">
<label for="select-state">Which state are you visiting?</label>
<input id="select-state" name="select-state" type="text" />
<input type="submit" value="Search" />
</form>
</section>

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles/reset.css" />
<link rel="stylesheet" href="./styles/index.css" />
<script defer src="index.js"></script>
<title>Brewery Tours</title>
</head>

<body>
<header class="main-header">
<section class="select-state-section">
<h2>Welcome to Brewery Tours</h2>
<form id="select-state-form" autocomplete="off">
<label for="select-state">Which state are you visiting?</label>
<input id="select-state" name="select-state" type="text" />
<input type="submit" value="Search" />
</form>
</section>
</header>
<main>
<aside class="filters-section">
<h2>Filter By:</h2>
<form id="filter-by-type-form" autocompete="off">
<label for="filter-by-type">
<h3>Type of Brewery</h3>
</label>
<select name="filter-by-type" id="filter-by-type">
<option value="">Select a type...</option>
<option value="micro">Micro</option>
<option value="regional">Regional</option>
<option value="brewpub">Brewpub</option>
</select>
</form>

<div class="filter-by-city-heading">
<h3>Cities</h3>
<button class="clear-all-btn">clear all</button>
</div>
<form id="filter-by-city-form">
</form>
</aside>
<h1>List of Breweries</h1>
<header class="search-bar">
<form id="search-breweries-form" autocomplete="off">
<label for="search-breweries">
<h2>Search breweries:</h2>
</label>
<input id="search-breweries" name="search-breweries" type="text">
</form>
</header>
<main>
<aside class="filters-section">
<h2>Filter By:</h2>
<form id="filter-by-type-form" autocompete="off">
<label for="filter-by-type"><h3>Type of Brewery</h3></label>
<select name="filter-by-type" id="filter-by-type">
<option value="">Select a type...</option>
<option value="micro">Micro</option>
<option value="regional">Regional</option>
<option value="brewpub">Brewpub</option>
</select>
</form>
</aside>
<h1>List of Breweries</h1>
<article>
<ul id="breweries-list" class="breweries-list">
<!--
<article>
<ul id="breweries-list" class="breweries-list">
<!--
For each brewery returned in the search,
add to the list using the HTML provided
in templates/standard-list-items.html
-->
</ul>
</article>
</main>
</body>
</html>
</ul>
<div class="pagination">
<button id="page-prev">&#8678; Previous</button>
<span id="page-current">Current</span>
<button id="page-next">Next &#8680;</button>
</div>
</article>
<aside class="visit-section">
<h3>Visit Breweries</h3>
<ul id="visit-breweries-list" class="visited-breweries-list">

</ul>
</aside>
</main>
</body>

</html>
Loading