A FoodFire Server (Node.js web server) that fetches data from a third-party (Swiggy) API (Fix the CORS Issue) and exposes it to a client ๐ FoodFire App ๐.
๐ FoodFire App is part of Namaste React Live Course and Github Repository for this App is Namaste-React ๐ ๏ธ
You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.
git clone "https://github.com/chetannada/FoodFire-Server.git"
Go to the project directory
cd FoodFire-Server
Install dependencies
npm install
Start the server
npm run start
This application should now be running on localhost
. If you want to Fork repository and want to run locally, follow this guidelines Fork and Clone Github Repository
๐ซ Test the FoodFire Server Locally in your FoodFire React App then use this domain name (http://localhost:3000/
) if the Server is running on a 3000
Port:
const response = await fetch(`http://localhost:3000/api/restaurants?lat=12.9351929&lng=77.62448069999999&page_type=DESKTOP_WEB_LISTING`)
const data = await response.json();
Once you have tested the FoodFire server locally, you can deploy it to a production environment by following these steps.
- Create an account on Render if you haven't already.
- Click on the
New +
button and selectWeb Service
from the dropdown menu. Connect
to your own GitHub repository (node server that you have created your own) which you want to deploy.- In the
Settings
tab, scroll down to theEnvironment Variables
section and addPORT
environment variables to3000
. - Wait for the deployment to finish. Once it's done, you should see a success message and a link to our server URL. For Instance:
http://YourOwnServerName.onrender.com
- Click on the link URL to test our server.
Note: Now that our server is deployed on Render you can change the API URL in react app to the domain in which the server is deployed. For instance: if your server is hosted in http://YourOwnServerName.onrender.com
, in the react app while sending a request to API, use this domain name :
const response = await fetch(`http://YourOwnServerName.onrender.com/api/restaurants?lat=12.9351929&lng=77.62448069999999&page_type=DESKTOP_WEB_LISTING`)