Get anime characters and display them as cards When the page loads, get the anime characters from https://bit.ly/3HPlkBl and display them as cards as shown in the image below. You only need to display the [Title, Rating , Image[Large] of the each anime character with a delete button. Caching Anime Data in IndexedDB Improve your application performance by caching the anime data in IndexedDB. Meaning, when you get the anime data save it to IndexedDB. Subsequent visits should read the data from IndexedDB. Only fetch data from the remote API if the anime data is not available in the IndexedDB. Display Anime Details When the user clicks a specific anime card from the list, you should pass the id to a function named displayAnimeDetails and get the anime’s full details from indexedDB. Then display the [Title, Rating, Image and Synopsis] of the anime character. You can simply replace the list by the card shown below. Also add a back link that replaces back the single card by the original list. Delete Anime from the Cards list and from IndexedDB If the user clicks on the Delete button, then delete the Anime from your IndexedDB and from the displayed list. 3. 4. Important: All data read/write operations should be implementation in a repository.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
icon
Concept explainers
Question
Get anime characters and display them as cards When the page loads, get the anime characters from https://bit.ly/3HPlkBl and display them as cards as shown in the image below. You only need to display the [Title, Rating , Image[Large] of the each anime character with a delete button. Caching Anime Data in IndexedDB Improve your application performance by caching the anime data in IndexedDB. Meaning, when you get the anime data save it to IndexedDB. Subsequent visits should read the data from IndexedDB. Only fetch data from the remote API if the anime data is not available in the IndexedDB. Display Anime Details When the user clicks a specific anime card from the list, you should pass the id to a function named displayAnimeDetails and get the anime’s full details from indexedDB. Then display the [Title, Rating, Image and Synopsis] of the anime character. You can simply replace the list by the card shown below. Also add a back link that replaces back the single card by the original list. Delete Anime from the Cards list and from IndexedDB If the user clicks on the Delete button, then delete the Anime from your IndexedDB and from the displayed list. 3. 4. Important: All data read/write operations should be implementation in a repository.
Cowboy Bebop:
Tengoku no Tobira
R-17+ (violence &
profanity)
COWBAREBOP
Delete
Hungry Heart: Wild
Striker
PG-13-Teens 13 or older
Delete
Ring ni Kakere 1
PG-Children
Trigun
PG-13-Teens 13 or older
TRIGUN
Delete
Initial D Fourth Stage
PG-13-Teens 13 or older
INITIAL FOURTH STAGE
Delete
School Rumble
PG-13-Teens 13 or older
350 Anime World
Witch Hunter Robin
PG-13-Teens 13 or older
Robin
Delete
Monster
Re-Mild Nudity
INSIER
Delete
Sunabouzu
R-17+ (violence &
profanity)
Bouken Ou Beet
PG-Children
Delete
Naruto
PG-13-Teens 13 or older
$244110
Delete
Texhnolyze
Re-Mild Nudity
Eyeshield 21
PG-13-Teens 13 or older
Delete
One Piece
PG-13-Teens 13 or older
Delate
Trinity Blood
R-17+ (violence &
profanity)
Hachimitsu to Clover
PG-13-Teens 13 or older
ハチミツと
Delete
Tennis no Ouji-sama
PG-13-Teens 13 or older
Yakitate!! Japan
PG-13-Teens 13 or older
Transcribed Image Text:Cowboy Bebop: Tengoku no Tobira R-17+ (violence & profanity) COWBAREBOP Delete Hungry Heart: Wild Striker PG-13-Teens 13 or older Delete Ring ni Kakere 1 PG-Children Trigun PG-13-Teens 13 or older TRIGUN Delete Initial D Fourth Stage PG-13-Teens 13 or older INITIAL FOURTH STAGE Delete School Rumble PG-13-Teens 13 or older 350 Anime World Witch Hunter Robin PG-13-Teens 13 or older Robin Delete Monster Re-Mild Nudity INSIER Delete Sunabouzu R-17+ (violence & profanity) Bouken Ou Beet PG-Children Delete Naruto PG-13-Teens 13 or older $244110 Delete Texhnolyze Re-Mild Nudity Eyeshield 21 PG-13-Teens 13 or older Delete One Piece PG-13-Teens 13 or older Delate Trinity Blood R-17+ (violence & profanity) Hachimitsu to Clover PG-13-Teens 13 or older ハチミツと Delete Tennis no Ouji-sama PG-13-Teens 13 or older Yakitate!! Japan PG-13-Teens 13 or older
350 Anime World
<<Back
Cowboy Bebop: Tengoku no Tobira
R-17+ (violence & profanity)
COWEEBOP
Another day, another bounty-such is the life of the often unlucky crew of the Bebop. However, this routine is interrupted when Faye,
who is chasing a fairly worthless target on Mars, witnesses an oil tanker suddenly explode, causing mass hysteria. As casualties mount
due to a strange disease spreading through the smoke from the blast, a whopping three hundred million woolong price is placed on the
head of the supposed perpetrator. With lives at stake and a solution to their money problems in sight, the Bebop crew springs into action.
Spike, Jet, Faye, and Edward, followed closely by Ein, split up to pursue different leads across Alba City. Through their individual
investigations, they discover a cover-up scheme involving a pharmaceutical company, revealing a plot that reaches much further than the
ragtag team of bounty hunters could have realized. [Written by MAL Rewrite]
Transcribed Image Text:350 Anime World <<Back Cowboy Bebop: Tengoku no Tobira R-17+ (violence & profanity) COWEEBOP Another day, another bounty-such is the life of the often unlucky crew of the Bebop. However, this routine is interrupted when Faye, who is chasing a fairly worthless target on Mars, witnesses an oil tanker suddenly explode, causing mass hysteria. As casualties mount due to a strange disease spreading through the smoke from the blast, a whopping three hundred million woolong price is placed on the head of the supposed perpetrator. With lives at stake and a solution to their money problems in sight, the Bebop crew springs into action. Spike, Jet, Faye, and Edward, followed closely by Ein, split up to pursue different leads across Alba City. Through their individual investigations, they discover a cover-up scheme involving a pharmaceutical company, revealing a plot that reaches much further than the ragtag team of bounty hunters could have realized. [Written by MAL Rewrite]
Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Query Syntax
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education