what is the npx command to create a react app

what is the npx command to start a react app in dev mode?

in this folder i have created a basic react app using the npx create-react-app command. now i need to turn  this basic app into a very simple ecommerce website. lets start with the home page. it should display the 9 products with 3 products per row. i want the product id in string form of numbers. can you help with that?

great. how do i modify my App.js file to use these components?

how do i update the styling of the images so that they are always a reasonable size?

going forward id like my components to be in separate files

help me add a simple nagivation bar at the top and replace it with a simple navigation bar that shows a home button and an order button. remember, components should be in separate files 

ok can you help me make the navbar look a little nicer? like a real navbar. include the css part as well that i can use for styling

perfect. now i want to add a new page called product details. i also want to update the app so that when i click on a product, it goes to the product details page that shows the same information as the home page but just for that product

i got an error...

perfect. now i see that the links are appropriately setup. however i want the link to only apply to the product name, not the product name description and price

great. now i want clicking on Home in the navbar to return back to the home screen

i want to pages to look nicer. can we update css so that the page (not including navbar) is wrapped around a container that has some margin on the left and right and the components are centered

ok now i want to add a new state called order initiallized as an empty dictionary. i also want to add a "cart quantity" under price in the product details and product components. under that i want to add a "Add to cart" button. when the add to cart button is clicked the product id is taken as a key and value increases by 1 and stored in the order state

actually i need the state to come from the App component because it needs to feed the Product component as well. make sure these new props are being passed on from the app component to the product component via the homepage component

i want to add a new page called cart. for every product that has an item in addtocart, i want to show the product name, the price and the quantity and the price * quantity

great. now i want that cart page to display as a table with each product forming a new row. at the bottom of the table should be a grand total that adds up all totals

great. can you make this table look nice?

ok perfect. now add a button at the bottom "Place order". once that button is clicked, it clears the order state. make sure that the setorder function is passed as a prop from the App component

how do i deploy my multipage react app to github pages?

create a dockerfile using node v18 to run this react app