Q&A on setting up the project locally #37

sadath2001 · 2024-10-02T16:46:11Z

sadath2001
Oct 2, 2024

Hi, This is a space to ask questions on setting up the project locally

krishashah-03 · 2024-10-15T16:09:54Z

krishashah-03
Oct 15, 2024

Hi, @sadath2001 @AlfiyaSiddique , after cloning the repo the backend got set perfectly but in frontend only main-page is loafing ,if I'm clicking any other link the blank page is coming as I'm showing in the video.
After inspecting it showed this line: Access to XMLHttpRequest at 'http://localhost:8080/api/recipes' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I'm here attaching the video also :

TastyTrails.and.15.more.pages.-.Personal.-.Microsoft_.Edge.2024-10-15.21-13-47.mp4

eslintrc.cjs.-.GitHub.Projects.-.Visual.Studio.Code.2024-10-15.21-20-51.mp4

I would like you to look into this matter as without solving this issue I might not be able to work on adding new feature!

0 replies

sadath2001 · 2024-10-15T21:55:34Z

sadath2001
Oct 15, 2024
Author

Hey @krishashah-03 ,, you should add localhost:5173 in server.js file as well. Did you do that?

2 replies

krishashah-03 Oct 16, 2024

Hii @sadath2001 Yes, I actually didn't set the port in server.js but even after seeting the port now, I'm still not getting the images
Now this errors are coming:

Can you tell me how to solve this react errors?
Bte thankyou for helping me solving this one problem!

sadath2001 Oct 16, 2024
Author

To solve this you have to add Google client Id in the front end .env file.

Fire up Google to check how to generate a Google client Id(for Google o auth login)
And paste it there

In back end make sure to add your GitHub credentials such as repo(for recipe image pushing), branch and also your GitHub access token(can ge generated via your GitHub settings)

This should solve your error.