restaurantPassport | a restaurant directory , an AirBnB of restaurants | Runtime Evironment library

You can't use a relative path that points to somewhere in your project directory. Usual practice is to copy your images during your build process into a known folder in your output directory and then access them via /knownfolder/filename.png - the leading slash makes the path relative to the root of your app.

It isn't enough to just remove the .. as your running app can't access your project folders at run-time.

As you are using create-react-app, you have (at least) two choices: 1) import the images using import or 2) Put them in your /public folder and use the PUBLIC_URL variable.

The first approach looks like this: