GikiEats is a lightweight, mobile-friendly online food ordering website built for GIK Institute (Ghulam Ishaq Khan Institute), Pakistan. Browse fast food, desi cuisine, desserts, and beverages — add items to your cart, choose a payment method, and place orders in minutes.
Live demo: danishjavedcodes.github.io/gikeats.github.io
- About GikiEats
- Features
- Menu Categories
- Tech Stack
- Project Structure
- Getting Started
- Deployment on GitHub Pages
- Pages Overview
- Contributing
- Contact & Support
- Keywords
GikiEats (GIKEATS) is a campus food delivery and online restaurant ordering platform designed to make healthy eating convenient for students and staff at GIK Institute. The tagline says it best: "Eat healthy at the right time."
Whether you want a zinger burger after class, chicken karahi for dinner, or chai between lectures, GikiEats brings a simple, fast, and convenient ordering experience directly to your browser — no app install required.
- Built for GIK Institute — tailored for on-campus and nearby delivery addresses
- Category-based browsing — fast food, Pakistani desi dishes, sweet treats, and drinks
- Local payment support — EasyPaisa, JazzCash, and Cash on Delivery (COD)
- Student-friendly signup — register with email, password, and batch number
- Fully static & free to host — deploy instantly on GitHub Pages
| Feature | Description |
|---|---|
| Food Menu Browsing | Explore items across four categories with prices in PKR |
| Shopping Cart | Review products, adjust quantities, and see subtotals |
| User Authentication | Sign up and sign in pages for registered users |
| Secure Checkout | Payment page with EasyPaisa, JazzCash, and COD options |
| Order Confirmation | Thank-you page after successful order placement |
| Shop Dashboard | Admin-style view for products and order tracking |
| Responsive Design | Mobile-first layout with Google Fonts (Montserrat, Raleway) |
| About Page | Full ordering guide and contact information |
BBQ Pizza, Pepperoni Pizza, Fajita Pizza, Zinger Burger, Patty Burger, Club Sandwich, Cheese Sandwich, and more.
Chicken Karahi, White Karahi, Seekh Kabab, Dum Pukht, Murgh Chana, Biryani, and traditional Pakistani favorites.
Lava Cake, Chocolate Brownie, Gulab Jamun, Kheer, and other desserts.
Chai, Coffee, Pepsi, Fanta, Sprite, and cold drinks.
| Layer | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (modular stylesheets per page) |
| Scripting | Vanilla JavaScript |
| Fonts | Google Fonts — Montserrat Alternates, Raleway |
| Icons & Assets | PNG, JPEG, SVG, Font Awesome (public/fonts) |
| Hosting | GitHub Pages |
No build step, no framework, and no backend required — clone and open index.html locally, or push to GitHub for instant deployment.
gikeats.github.io/
├── index.html # Home page (GitHub Pages entry point)
├── about.html # About GikiEats & how to order
├── fast.html # Fast food menu
├── desi.html # Desi / Pakistani food menu
├── des.html # Sweet dishes & desserts
├── shake.html # Drinks & beverages
├── cart.html # Shopping cart & checkout summary
├── payment.html # Payment method selection
├── Thanks.html # Order confirmation
├── signin.html # User sign in
├── signup.html # User registration
├── shopview.html # Shop / order management dashboard
├── css/ # Page-specific stylesheets
│ ├── home.css # Global & home page styles
│ ├── about.css, fast.css, desi.css, desserts.css
│ ├── shakes.css, cart.css, payment.css, thanks.css
│ ├── signin.css, signup.css
│ └── shop.css, shop-layout.css
├── js/
│ └── shop.js # Shop dashboard interactions
├── assets/
│ ├── images/
│ │ ├── brand/ # logo.png, cart.png, user.png, debit-card.png
│ │ ├── backgrounds/ # back.jpg (shared page background)
│ │ ├── categories/ # Home page category card images
│ │ ├── menu/
│ │ │ ├── fast/ # Fast food item photos
│ │ │ ├── desi/ # Desi food item photos
│ │ │ ├── desserts/ # Sweet dish photos
│ │ │ └── beverages/ # Drink photos
│ │ ├── cart/ # Cart product images
│ │ └── misc/ # Unused / spare images
│ └── fonts/ # Font Awesome SVG assets
└── README.md
- A modern web browser (Chrome, Firefox, Safari, or Edge)
- Git (optional, for cloning)
# Clone the repository
git clone https://github.com/danishjavedcodes/gikeats.github.io.git
cd gikeats.github.io
# Open the home page in your browser
open index.html # macOS
xdg-open index.html # Linux
start index.html # WindowsAlternatively, serve the folder with any static file server:
# Python 3
python3 -m http.server 8080
# Then visit http://localhost:8080This repository is configured for GitHub Pages static hosting.
-
Push the
mainbranch to GitHub -
Go to Settings → Pages
-
Set Source to
Deploy from a branch -
Select branch
mainand folder/ (root) -
Your site will be live at:
| Page | URL | Purpose |
|---|---|---|
| Home | /index.html |
Landing page with food category cards |
| About | /about.html |
Company info, ordering steps, contact |
| Fast Food | /fast.html |
Burgers, pizzas, sandwiches |
| Desi Food | /desi.html |
Pakistani & desi cuisine |
| Desserts | /des.html |
Sweet dishes |
| Beverages | /shake.html |
Drinks & shakes |
| Cart | /cart.html |
Review cart before checkout |
| Payment | /payment.html |
Select payment & place order |
| Sign In | /signin.html |
Existing user login |
| Sign Up | /signup.html |
New user registration |
| Shop View | /shopview.html |
Products & orders dashboard |
Contributions are welcome! To improve GikiEats:
- Fork this repository
- Create a feature branch:
git checkout -b feature/your-feature-name - Commit your changes:
git commit -m "Add: describe your change" - Push to your fork:
git push origin feature/your-feature-name - Open a Pull Request against
main
Ideas for contributions: cart persistence with JavaScript, responsive image optimization, accessibility (ARIA labels), backend API integration, and SEO meta tags on HTML pages.
- Email: support@gikieats.pk
- GitHub: danishjavedcodes/gikeats.github.io
- Live Site: danishjavedcodes.github.io/gikeats.github.io
For questions, bug reports, or feature requests, please open an issue on GitHub.
gikieats · gikeats · online food ordering · food delivery app · campus food delivery · GIK Institute food · Ghulam Ishaq Khan Institute · Pakistan food ordering · HTML CSS food website · GitHub Pages restaurant · EasyPaisa JazzCash COD · desi food delivery · fast food ordering · student food app · open source food platform
Made with ❤️ for the GIK Institute community · GikiEats — Eat healthy at the right time