From c15ef8fcab50802eb488c3950e6cb619d7d9a46e Mon Sep 17 00:00:00 2001 From: Leeanne Date: Fri, 3 Oct 2025 13:21:58 -0400 Subject: [PATCH 1/3] empty Start --- .DS_Store | Bin 0 -> 6148 bytes css/normalize.css | 349 ++++++++++++++++++++++++++++++++++++++++++++++ css/reset.css | 47 +++++++ css/style.css | 42 ++++++ index.html | 19 +++ js/main.js | 1 + 6 files changed, 458 insertions(+) create mode 100644 .DS_Store create mode 100755 css/normalize.css create mode 100755 css/reset.css create mode 100755 css/style.css create mode 100755 index.html create mode 100644 js/main.js diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..276c2940f294ab3e407a1853f82ea63d90e42da5 GIT binary patch literal 6148 zcmeHKJx&5a6#fRbKx`;&Bzpo9;sqA67%gn%0tPUk0T%-%mfL$6TW?@xp(ij__8vgL zH!}$1f~7I~Uh?MKc|Wu7ePL%90H%F4XaY3=6{=uV<*-J?FIte2w@9*)HO9kcx1UX> zg-A6h1IoZ}WWav-Xkdsl%){^Z@`VLQ3*RJ5)807i(N=kQ+rO(H+_ysi;9LK6w6Zst zXQrZzK4zF5j||Vt^T_7tX4+r)8n44%&$JlmUR`qK~+c?fGU}| zzyPPXX73}+F~K;j(d;sAwZ;<8zxH8n*2RQf$gT;SyP*f~Tib#4h4l-4*upV7Xd%TB zvBByGVfFNd)k~Jj|6@RYeU!?!Lmia?Wk4DDWI*NoUG{GVrGuFj3k~+ic07t%c^~tc|HBR1t~G9oiHQ{y4S|aun}S at + + + + + + + + Blank Template + + + + + + + + + + diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/js/main.js @@ -0,0 +1 @@ + From 43131e75d619bf51d45667c87cfa1cf35d3ef2f9 Mon Sep 17 00:00:00 2001 From: leeanneeagan Date: Sun, 5 Oct 2025 20:03:22 -0400 Subject: [PATCH 2/3] finished --- .DS_Store | Bin 6148 -> 6148 bytes index.html | 9 ++++++++- js/main.js | 28 ++++++++++++++++++++++++++++ 3 files changed, 36 insertions(+), 1 deletion(-) diff --git a/.DS_Store b/.DS_Store index 276c2940f294ab3e407a1853f82ea63d90e42da5..d307e105a48fd05fffd1870ae164ccbeca0cbf9d 100644 GIT binary patch delta 346 zcmZoMXfc@J&nUDpU^g?P&}1GKso1tq1_lNe20ey!hD?T%+N0@+o-b3o;CYlk;;6fO;4hm^MsqX8B&9R9;*FHFHN&K~83IiGjg2MkZz!RyKAH zb`EZi*x-!(^5BxhlG0+Q#G+^rFC;%dCke(*ObW|PEsqxvan8>xNzBYkEdp!EOi2YQ zi3!ilOUW;H$}i1JDF*8ehDdO5a&X2ANL0I48(Es@C>U9q)#@lzTN)YYD3}YiN0nk~r0ki}437F?8 - Blank Template + Show Search +

TV Show Search

+ + +

+

+ + diff --git a/js/main.js b/js/main.js index 8b13789..d629762 100644 --- a/js/main.js +++ b/js/main.js @@ -1 +1,29 @@ +// api TV show https://openwhyd.org/username?format=json. +// +/// +// +// +//call a search by show for info on show +document.querySelector('button').onclick = searchSHOW + + +function searchSHOW() { + const input = document.querySelector('input').value; + const url = `https://api.tvmaze.com/search/shows?q="${input}`; + + + fetch(url) + .then((res) => res.json()) + .then((data => { + console.log(data); + document.querySelector('h2').innerText = data[0].show.name; + document.querySelector('h3').innerText = data[0].show.genres[0]; + document.querySelector('h3').innerText = data[0].show.genres[1]; + document.querySelector('img').src = data[0].show.image.medium; + + })) + .catch((err) => console.error(err)); + + +} From 9458afd0ed45098dbd0833ceb43c2a8cf4767f32 Mon Sep 17 00:00:00 2001 From: LME910 Date: Thu, 23 Oct 2025 15:09:15 -0400 Subject: [PATCH 3/3] Revise README for Show Search App Updated project title, goal, features, tech stack, and installation instructions in README. --- README.md | 65 ++++++++++++++++++++++++++++++++++++------------------- 1 file changed, 43 insertions(+), 22 deletions(-) diff --git a/README.md b/README.md index 788ab5a..c6ce71c 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,43 @@ -# 📊 Project: Simple API 2 - -### Goal: Display data returned from an api - -### How to submit your code for review: - -- Fork and clone this repo -- Create a new branch called answer -- Checkout answer branch -- Push to your fork -- Issue a pull request -- Your pull request description should contain the following: - - (1 to 5 no 3) I completed the challenge - - (1 to 5 no 3) I feel good about my code - - Anything specific on which you want feedback! - -Example: -``` -I completed the challenge: 5 -I feel good about my code: 4 -I'm not sure if my constructors are setup cleanly... -``` +# 📺 Show Search App 🔍 + +## 🎯 Goal +Create a **web application** that allows users to search for TV shows and display data returned from an API. + +--- + +## 🚀 Features +- ✅ Search for TV shows by name +- ✅ Display show details such as: + - Title + - Genre + - Summary + - Image/Poster +- ✅ Dynamic results based on API response +- ✅ User-friendly interface + +--- + +## 🧩 Tech Stack +- **HTML/CSS** – Structure and styling +- **JavaScript (ES6)** – Fetching API data and DOM manipulation +- **TV Show API** – Example: [TVMaze API](https://www.tvmaze.com/api) + +--- + +## 💻 How It Works +1. User enters a search term in the input field. +2. JavaScript sends a request to the API using `fetch()`. +3. API returns data about matching TV shows. +4. JavaScript dynamically displays the results on the page with: + - Show title + - Summary + - Image +5. Users can scroll through multiple results if available. + +--- + +## 📦 Installation & Usage + +1. Clone the repository: +```bash +git clone https://github.com/yourusername/show-search.git