bootcamp-project-1's People
bootcamp-project-1's Issues
Youtube iframe API
- Add youtube api script to search-results.html
- FetchTrailer sets modals trailer
- Only call FetchTrailer when a modal is clicked
OMDB API
- create a function to generate literal string of ombd url using user input from search-bar id 'input-search'
- create a fetch request to - https://www.omdbapi.com/
- Convert response to json
- call function
processResults(data)
after fetch returns successfully - in processResults generate an object for each movie result
redirect users when search result is null/nothing
Error page
- When a user inputs a bad search result, redirect to an error page
- Display "Error, no results found" with ability to search again
- Add a search bar to search for new movies
- reuse index.html js file for events and logic
Create a search bar on the the top hand side
redirect users when data result is false
Getting data info from text input ,and adding to localstorage
-Get the input from with id #textInput
-Set text input to local storage.
Display KinoCheck data on modal
- Create a fetch function for the kinocheck api (https://api.kinocheck.de/movies)
- Create a result function when kinocheck returns data
- #27
Search Page
Link javascript to results page
When a user presses on a movie a modal will display
- Create a click event when a user clicks on a movie result
- Display a Materialize Modal
Next Steps:
Create a function that will add movie results to results page
call displaySearchResults
call displaySearchResults()
in processResults()
fix trailer not updating for movies without a trailer
Alert the user when there is no trailer available
Display error on modal when movie has no trailer
make enter submit forms
Search button
create a pull request template
clone Ben's repo and use template.
Redirect users to error page
dual trailer dont work
if two trailers play, second wont play
search results does not populate with search input field in search page
In results.html
the search input does not push any results. textInput variable is missing from dependencies
Fix:
Add textInput
variable
clean up results.html
update results.html
file to have no spaces and fix missing closing div tag
query parameters
- Create a window.onload event
- Create a function onload that will grab query parameters
- When grabbing query parameters, call
fetchSearch(movie)
Add elements to modal based off api returned data
- Show previous movie data from omdb data WITHOUT an api call ON MODAL
- Change where title and year is displayed on modal
update search button id
update search button id to match index.html
use local strorage on index
- display recent search history on index.html
- Each search history should redirect to results.html with parameters
add dad joke api to google doc
Create a click handler when a user clicks "button-search" on the landing page
Refactor display search results
create event handler for search results from results page
- Add another event handler to get input value from the search input field.
Error checking for trailers
set up initial document and file branch
set up index.html, .gitignore, and folder path layouts
add localStorage
create local storage in handleFormSubmit() - search-results.js
edit comment for local storage in script.js
delete previous search results
in search-results.js
file delete search results.
delete search results would go in processResults ()
add copyright footer
insert copyright footer information
<h3>© 2024 `KANE Devs` | All Right Reserved</h3>
<div>
<p> Github Portfolio:
<a>add everyones GitHub portfolio Portfolio </a>
<a>add everyones GitHub portfolio Portfolio </a>
<a>add everyones GitHub portfolio Portfolio </a>
</div>
fix readme file
Add dad jokes when a trailer isn't available
variable undefined
edit variable searchResultsEl
to be reachable in code
landing page
- Search bar with text input
- Button input for confirm search
- Main image to display
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.