aditya-sridhar / simple-reactjs-app Goto Github PK

Hi @aditya-sridhar , I am trying to replicate the 3 panel view below the 3 profiles, after I clicked the button "Click to view details". Is something like a family tree, where I click to view details of the father and out pops his 3 children at the bottom.

I changed the customer1.json file into a similar format as the customerlist.json and then change the render part in CustomerDetails.js to the following (trying to replicate that in Customers.js) and encountered the errors:

• TypeError: this.state.customerDetails.data.map is not a function) and Unhandled Rejection
• (TypeError): this.state.customerDetails.data.map is not a function

This is the part that I changed in CustomerDetails.js

@aditya-sridhar 👋🏼

great project! do you want me to containerize the application? It is a simple change.

basically, any user can get up and running quickly by just running a docker container.

A great starting template.

I just wanted to give a suggestion that we can try to put the different pages inside a higher order component which contains a navbar and footer and the page is rendered in between. Ex:

<Navbar />
<Outlet />
<Footer />

This can be a even better template for beginners to start the project with.
Do let me know if you want me to add these features to this web app.