chetannada / FoodFire-Server

A FoodFire-Server (Node.js web server) for FoodFire app - A Namaste React Course Project

🌐 FoodFire Server

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 💜 ️

🔥 Clone this Repository

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();

🔮 Deploy the FoodFire server

Once you have tested the FoodFire server locally, you can deploy it to a production environment by following these steps.

1. Create an account on Render if you haven't already.
2. Click on the New + button and select Web Service from the dropdown menu.
3. Connect to your own GitHub repository (node server that you have created your own) which you want to deploy.
4. In the Settings tab, scroll down to the Environment Variables section and add PORT environment variables to 3000.
5. 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
6. 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`)

🔗 Let's Connect