Inventory Management - Copy this React, Tailwind Component to your project

Full-Prompt-for-the-Supermarket-Application-with-Owner-Edit-Option-Goal:-To-create-a-supermarket-inventory-management-application-with-two-user-interfaces:-Employee-Interface-and-Owner-Interface.-Both-interfaces-are-synchronized-over-the-internet,-ensuring-real-time-updates.-The-application-should-have-robust-features-for-adding,-managing,-and-editing-items-in-the-inventory.-Application-Features-1.-Employee-Interface:-•-Input-Fields:-•-Item-Name:-Enter-manually-or-via-voice-typing.-•-MRP:-Enter-manually-(or-leave-as-“0”-if-unknown).-•-Selling-Price:-Enter-manually-(or-leave-as-“0”-if-unknown).-•-Barcode:-Enter-manually-or-scan-using-the-phone-camera.-•-Functionality:-•-Add-items-to-the-master-list.-•-If-MRP-or-Selling-Price-is-entered-as-“0,”-the-item-is-flagged-as-pending,-and-a-notification-is-sent-to-the-owner.-•-Export-the-item-list-to-an-Excel-sheet.-•-Synchronization:-•-All-added-items-(pending-or-completed)-are-visible-to-both-the-employee-and-owner-interfaces-in-real-time.-2.-Owner-Interface:-•-Tabs-for-Item-Categories:-•-Pending-Items:-Items-where-MRP-or-Selling-Price-is-“0.”-•-Completed-Items:-Items-with-all-fields-filled.-•-Edit-Option:-•-The-owner-can-edit-any-field-(Item-Name,-MRP,-Selling-Price,-Barcode)-in-both-Pending-and-Completed-items.-•-Changes-made-by-the-owner-are-synchronized-in-real-time-with-the-employee-interface.-•-Pop-up-Notifications:-•-When-an-employee-enters-“0”-in-MRP-or-Selling-Price,-a-notification-appears-in-the-owner-interface-for-the-owner-to-complete-the-missing-details.-•-Once-completed,-the-item-moves-from-the-Pending-Items-to-the-Completed-Items-list.-Technical-Stack-Frontend:-•-Framework:-Flutter-or-React-Native-(for-cross-platform-support).-•-Voice-Typing:-Use-a-voice-to-text-API-(e.g.,-Google-Speech-to-Text).-•-Barcode-Scanning:-Integrate-Google-ML-Kit-or-a-similar-SDK.-Backend:-•-Framework:-Node.js-(Express.js)-or-Django-(Python).-•-Real-Time-Communication:-Firebase-or-WebSocket-for-data-synchronization.-Database:-•-Firebase-Realtime-Database-or-MongoDB-for-dynamic-data-storage-and-updates.-Backend-API-Design-1.-Endpoints:-•-POST-/items:-Add-a-new-item-to-the-database.-•-GET-/items:-Retrieve-all-items-(separated-into-pending-and-completed).-•-PUT-/items/:id:-Edit-item-details-(used-by-the-owner).-2.-Database-Schema:-{-"items":-{-"itemID1":-{-"name":-"Item-Name",-"barcode":-"123456789",-"mrp":-100,-"selling_price":-120,-"status":-"completed"-},-"itemID2":-{-"name":-"Another-Item",-"barcode":-"987654321",-"mrp":-0,-"selling_price":-0,-"status":-"pending"-}-}-}-Example-Code-Frontend:-Owner-Interface-with-Edit-Option-import-'package:flutter/material.dart';-class-OwnerInterface-extends-StatefulWidget-{-@override-_OwnerInterfaceState-createState()-=>-_OwnerInterfaceState();-}-class-_OwnerInterfaceState-extends-State<OwnerInterface>-{-//-Example-item-data-List<Map<String,-dynamic>>-items-=-[-{-"id":-1,-"name":-"Item-1",-"mrp":-0,-"selling_price":-100,-"barcode":-"123456789",-"status":-"pending",-},-{-"id":-2,-"name":-"Item-2",-"mrp":-120,-"selling_price":-150,-"barcode":-"987654321",-"status":-"completed",-},-];-void-updateItem(int-index,-String-field,-dynamic-value)-{-setState(()-{-items[index][field]-=-value;-//-Simulate-backend-update-and-real-time-sync-items[index]["status"]-=-(items[index]["mrp"]->-0-&&-items[index]["selling_price"]->-0)-?-"completed"-:-"pending";-});-}-@override-Widget-build(BuildContext-context)-{-return-DefaultTabController(-length:-2,-child:-Scaffold(-appBar:-AppBar(-title:-Text("Owner-Interface"),-bottom:-TabBar(-tabs:-[-Tab(text:-"Pending-Items"),-Tab(text:-"Completed-Items"),-],-),-),-body:-TabBarView(-children:-[-buildItemList("pending"),-buildItemList("completed"),-],-),-),-);-}-Widget-buildItemList(String-status)-{-List<Map<String,-dynamic>>-filteredItems-=-items.where((item)-=>-item["status"]-==-status).toList();-if-(filteredItems.isEmpty)-{-return-Center(child:-Text("No-$status-items"));-}-return-ListView.builder(-itemCount:-filteredItems.length,-itemBuilder:-(context,-index)-{-var-item-=-filteredItems[index];-return-Card(-child:-ListTile(-title:-TextFormField(-initialValue:-item["name"],-decoration:-InputDecoration(labelText:-"Item-Name"),-onChanged:-(value)-=>-updateItem(index,-"name",-value),-),-subtitle:-Column(-children:-[-TextFormField(-initialValue:-item["mrp"].toString(),-decoration:-InputDecoration(labelText:-"MRP-Price"),-keyboardType:-TextInputType.number,-onChanged:-(value)-=>-updateItem(index,-"mrp",-int.tryParse(value)-??-0),-),-TextFormField(-initialValue:-item["selling_price"].toString(),-decoration:-InputDecoration(labelText:-"Selling-Price"),-keyboardType:-TextInputType.number,-onChanged:-(value)-=>-updateItem(index,-"selling_price",-int.tryParse(value)-??-0),-),-TextFormField(-initialValue:-item["barcode"],-decoration:-InputDecoration(labelText:-"Barcode"),-onChanged:-(value)-=>-updateItem(index,-"barcode",-value),-),-],-),-),-);-},-);-}-}-This-code-includes-real-time-edit-functionality-for-the-Owner-Interface-with-synchronization-logic.-Let-me-know-if-you’d-like-further-details-or-the-backend-implementation!