Restaurant Website - GloriaFood Integration

A modern restaurant website integrated with the GloriaFood API to dynamically fetch and display the menu in real-time. Designed for easy customization, automation, and scalability across multiple restaurants.

🚀 Features

• 3 Main Pages: Home, Contact, Menu
• Real-time Menu Sync: Automatically fetches menu from GloriaFood API
• Customizable Home & Contact Pages: Configurable via JSON file
• CI/CD Ready: Continuous deployment with GitHub, Docker Hub, and Render
• Scalable: Easily adaptable for multiple restaurants

🛠️ Tech Stack

• Frontend: React + Tailwind CSS
• Backend: Node.js + Express
• Containerization: Docker
• CI/CD: GitHub Actions + Docker Hub + Render

📦 Installation Options

🔧 1. Run Locally with Node

Frontend Setup

cd frontend
npm install
npm start

Backend Setup

cd backend
npm install
npm start

Note: Rename (env.example.txt) or create a .env file in the backend dir (local use):

GLORIAFOOD_API_KEY=your_api_key_here
GLORIAFOOD_API_URL=https://pos.globalfoodsoft.com/pos/menu
PORT=????

☁️ 3. CI/CD with GitHub, Docker Hub, and Render (Production)

Workflow:

1. Push to GitHub → triggers GitHub Actions

2. Build and push to Docker Hub → updated images

3. Deploy on Render → automatically pulls new images and updates the live site

Configuration: Environment variables are set in Render’s dashboard (no .env file required in production).

Backend example variables on Render:

GLORIAFOOD_API_KEY=your_api_key
GLORIAFOOD_API_URL=https://pos.globalfoodsoft.com/pos/menu
PORT=????

⚙️ Site Configuration

customize the entire site:

frontend/src/config/
backend/config/

Menu data is automatically fetched from GloriaFood via API and managed directly by the restaurant staff through their GloriaFood admin panel.

📁 Project Structure (Overview)

app
/.github-workflows  # CI/CD github/dockerhub/render
/backend            # Node.js backend directory
/frontend           # React frontend directory
.gitignore
.eslintignore

🤝 Contributions

Feel free to fork this repository and submit pull requests to improve features, fix bugs, or add enhancements!

📄 License

This project is licensed under the MIT License. Use it, modify it, and enjoy!

🌐 Live Demo

https://gloriafood-fm-1.onrender.com