In this Assignment, you will build a supermarket product management app that persists da offline. You will use IndexedDB and Localbase library to read, add, update, and delete produc in the database. The Product Management App should have the following CRUD features: 1. Create Product: when the user clicks on the create new product button in figure 1, you should open the add product page in figure 2 that allows the user to add a new product. Once they click on the save button, you should navigate them to the product page and show the newly added Product, as shown in figur Doha - Supermarket Read Products Figure 1: Product Page - Before adding any product Doha - Supermarket

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
In this Assignment, you will build a supermarket product management app that persists data
offline. You will use IndexedDB and Localbase library to read, add, update, and delete products
in the database.
The Product Management App should have the following CRUD features:
1. Create Product: when the user clicks on the create new product button in
figure 1, you should open the add product page in figure 2 that allows the user
to add a new product. Once they click on the save button, you should navigate
them to the product page and show the newly added Product, as shown in figure
Doha - Supermarket
Add Product
Read Products
Prodat
Figure 1: Product Page - Before adding any product
Doha - Supermarket
Produs
A rodut
Create Product
Ne cer
The best ern the wor
Pce
Figure 2: Add Product page
Doha - Supermarket
A Pr
Read Products
wodc
Deserpon
Pce
Acon
The best N erewo
Figure 3:Product Page - After adding Product
2. List Products: as soon as the application loads, you show all the products saved
in the database in a table, as shown in figure 4.
Transcribed Image Text:In this Assignment, you will build a supermarket product management app that persists data offline. You will use IndexedDB and Localbase library to read, add, update, and delete products in the database. The Product Management App should have the following CRUD features: 1. Create Product: when the user clicks on the create new product button in figure 1, you should open the add product page in figure 2 that allows the user to add a new product. Once they click on the save button, you should navigate them to the product page and show the newly added Product, as shown in figure Doha - Supermarket Add Product Read Products Prodat Figure 1: Product Page - Before adding any product Doha - Supermarket Produs A rodut Create Product Ne cer The best ern the wor Pce Figure 2: Add Product page Doha - Supermarket A Pr Read Products wodc Deserpon Pce Acon The best N erewo Figure 3:Product Page - After adding Product 2. List Products: as soon as the application loads, you show all the products saved in the database in a table, as shown in figure 4.
Doha - Supermarket
4. Delete Product: Delete the selected Product from the database and reload the
Frodugs
ds Product
page.
Read Products
Doha - Supermarket
Procucts
Ad roduct
localha y
Read Products
Creane New YORKT
Caman
O Nane
Acson
Descnpnan
Price
The best Niga nCkern the wornd
Na sse
Edi
ID Name
Deseriotion
Price
Action
Skeeping wel a mpurlant.
Nga erTD
The be Naya sernme wond
Reat
Dnin
Ephone
You roud thta une Eyou love m
ST
P
Sieping wet a impora
Reat
Edt
Dee
7 Caphore
You need this one e mse
Mouse
Very uaetul f you kove your compuer
S11.35
E
Dekte
eat
Dee
Trash Can
It wil halp you maintain cieaniness.
sa as
53.95
Dee
After you complete the Assignment, fill in the TestingDoc-Grading-Sheet.docx and save it inside
the Assignment3 folder. Push your work to the Github repository.
Eyn Gces
I wil make you read teer
Dek
Tnis ka very goos ank mor amwes
atorte
Ed
De
A DLUseT n the NHÀ
Haea
D
Red
Ed
Figure 4: Products page
3. Edit Products: If the user clicks on the edit product button, you should take the
selected product details to allow the user to update the information of the
selected Product, as shown in Figure 5.
Doha - Supermarket
Produs
Ad Produt
Update Product
Name
N scer EDTED
Descron
The best Ni cherin the wond
Pce
seve Change at prouts
Figure 5 Update Product
Transcribed Image Text:Doha - Supermarket 4. Delete Product: Delete the selected Product from the database and reload the Frodugs ds Product page. Read Products Doha - Supermarket Procucts Ad roduct localha y Read Products Creane New YORKT Caman O Nane Acson Descnpnan Price The best Niga nCkern the wornd Na sse Edi ID Name Deseriotion Price Action Skeeping wel a mpurlant. Nga erTD The be Naya sernme wond Reat Dnin Ephone You roud thta une Eyou love m ST P Sieping wet a impora Reat Edt Dee 7 Caphore You need this one e mse Mouse Very uaetul f you kove your compuer S11.35 E Dekte eat Dee Trash Can It wil halp you maintain cieaniness. sa as 53.95 Dee After you complete the Assignment, fill in the TestingDoc-Grading-Sheet.docx and save it inside the Assignment3 folder. Push your work to the Github repository. Eyn Gces I wil make you read teer Dek Tnis ka very goos ank mor amwes atorte Ed De A DLUseT n the NHÀ Haea D Red Ed Figure 4: Products page 3. Edit Products: If the user clicks on the edit product button, you should take the selected product details to allow the user to update the information of the selected Product, as shown in Figure 5. Doha - Supermarket Produs Ad Produt Update Product Name N scer EDTED Descron The best Ni cherin the wond Pce seve Change at prouts Figure 5 Update Product
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 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