Light

jtoth7824 / group_project1 Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 2.0 23.44 MB

Team project for a book, author event and movie finder. Based upon author searched, list of books returned. For a particular book, if a movie exists based on book it displays movie info and also any author events based upon the book.

JavaScript 52.18% HTML 24.96% CSS 22.86%

movie-poster movie-information pricing

group_project1's People

Contributors

Stargazers

Watchers

Forkers

holahu9 wleivax

group_project1's Issues

Build power point presentation

Center the navbar header text.

Align the top of the cards to be even.

Maybe add spacing at top of columns without the dropdowns. Or add a hidden dropdown to top of each column to adjust the positioning.

FYI: When moving dropdown into the card-panel, the text string only shows 1 word of the two. Not sure why things are chopping/moving to another line that we can't see. May need to make text size smaller.

Research API call/response for movie retrieval based upon book title. omdb api

Create function to retrieve local storage info and display the data from resulting ajax calls.

Handle error if no author photo

Display text if no author events.

Need to determine where the image of bookcover will go on HTML page and implement creating that element.

Hide author events section if no events for book selected.

Research API calls/response for book/author retrieval. api.penguinrandomhouse.com

Create Book search objects for HTML. Search criteria for user include first name, last name, book title. Will also need a Search button.

Hide event description field if none provided?

Create ajax calls to retrieve book info.

Hide author info if none.

Create function to store updated author & title to local storage.

Create ajax calls to retrieve author info

Create function(s) to build URLs the way we learned in class with query Params.

Decide on scheme to use IDs or classnames when integrating HTML with Javascript. Document how we are naming things so everyone can make progress. Use intuitive names.

Create event listener for other display buttons if added to HTML for toggling book/author info or event info.

Need time api to html and js to retrieve current day to limit the author events.

Create code to dynamically create movie list.

Build the readme file

Create function to save info to local storage.

Create CSS styling for each section in HTML including all fields, backgrounds and buttons.

Create code to dynamically create add books to book list.

This function needs to create the tag, append it to an

tag and then append the

tag to the

item needs to be appended also to show a dividing line between each book title.

Decide how best to handle when multiple authors or books are returned from search.

Create event listener for search button.

save off the user input search strings to variables and then also store data to localstorage.

Handle error if no movie poster

Make application responsive to smaller screen sizes. Possibly making columns of info wrap underneath each other?

Make author photo and movie poster images sized smaller to fit within the card.

Create associated movie section in HTML. Fields that can be displayed are title, plot, rating, runtime, genre, release date. We can probably also return the movie poster image.

Clear all fields upon startup.

Even though we are retrieving data from local storage to re-issue the calls, we need to make sure that any fields are initially cleared in case those data fields aren't returned from api. We don't want stale data being displayed.

Create array structures to hold the book, author and movie information returned.

Display text if no author photo

Remove arrays as they aren't needed the way we are doing local storage.

Display text if no movie poster available.

Create function to populate the book/author info.

Handle error if no price returned

Actually what is happening is there isn't always a Canadian and US price returned. Because Canadian price is first in array, need to check if USD price is in element 0 vs element 1.

Create Event info based on author in HTML. Data fields that can be returned include date, state, city, zip, telephone, description and time. (we may not always have this info)

Hide movie section if no movies for selected book.

Create ajax call to retrieve book cover image if available.

Create Book/Author info section on HTML page. Data fields returned from search include first/last name of author, author spotlight, age range, format name (hardcover, paperback, etc) , # of pages, price info for USA, subject description.

Add background image to page rather than just white background.

Create initialization function and deal with local storage. For now it would seem we only need to store the author first/last name and title

Create function to display the associated movie info if any is returned.

Research api call to retrieve book cover from openlibrary api

Create function to display the Event info if any.

Check for null fields and store N/A into them.

Create ajax calls to retrieve movie info

Eliminate some margin or padding on fields in cards to eliminate some of the enormous white space.

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.