Weird behaviour in localhost:3000 after publishing the site on Github Pages?

Question

I've a trouble after publishing my portfolio website online into the Github pages. Before the published it works just fine but when I publish this and then I want to update some data into website I see all the website visual-effect fully spoiled.

I also create another folder and bring the all files and code into new folder but it also looks like the same.

local host:3000 error into the "console" localhost broken img-1, fully broken styles and fonts.

Error while trying to use the following icon from the Manifest: http://localhost:3000/portfolio/logo192.png (Download error or resource isn't a valid image)

Here the published website link here it looks like fine into github how that should be look like

Source code on github

Answer 1

I rechecked my code and remove the styles.css from public folder and also delete the link of css in html. And import it into "index.js" and works just fine.