Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kavindu-kodikara/gameakade

Fully functional and responsive e-commerce web application for online food ordering and delivery. Features client and admin panels, built with HTML, CSS, JavaScript, PHP, Bootstrap, and AJAX.
https://github.com/kavindu-kodikara/gameakade

ajax boostrap css html javascript mysql php

Last synced: about 19 hours ago
JSON representation

Fully functional and responsive e-commerce web application for online food ordering and delivery. Features client and admin panels, built with HTML, CSS, JavaScript, PHP, Bootstrap, and AJAX.

Host: GitHub
URL: https://github.com/kavindu-kodikara/gameakade
Owner: kavindu-kodikara
License: mit
Created: 2024-12-24T09:21:09.000Z (about 2 months ago)
Default Branch: main
Last Pushed: 2025-01-29T04:40:27.000Z (12 days ago)
Last Synced: 2025-01-29T05:26:30.371Z (12 days ago)
Topics: ajax, boostrap, css, html, javascript, mysql, php
Language: PHP
Homepage:
Size: 60.9 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# GameaKade E-Commerce Web Application

## Overview
This fully functional and responsive e-commerce web application was developed for a restaurant client to facilitate online food ordering and home delivery. The application includes a client-facing interface and an admin dashboard, built with the following technologies:

- **Frontend:** HTML, CSS, JavaScript, Bootstrap
- **Backend:** PHP, AJAX

The app is designed to handle user accounts, cart functionality, food category browsing, meal ordering, and an admin panel to manage orders, users, and products.

### Features
- **Client Side:**
- Home page with search and navigation options.
- User authentication with login, sign-up, and password recovery.
- Browsing products by categories and detailed single product views.
- Cart functionality and checkout with delivery time selection.
- Payment integration using "PayHere" gateway.
- User account management, including profile, addresses, and order history.

- **Admin Side:**
- Dashboard with real-time statistics (earnings, sales, and new orders).
- Order management with status updates.
- Product management, including adding, editing, and deleting products.
- User management.
- Special meal management for daily highlights.

---

## Features

### Client Side

#### 1. Home Page
- **Search Option**: Allows users to search for food items.
- **Menu Navigation**: Links to "Manage My Account," "Cart," "My Orders," and "Address Book."
- **Food Categories and Meals**: Displays food categories and daily special meals selected by the admin.
- **Login Button**: Directs users to the login/sign-up page.

Home Page 2 ------

![Home Page](images/home.png)

#### 2. Login/Sign-Up Page
- **Login Options**: Includes "Remember Me" and "Forgot Password."
- **Sign-Up Option**: Seamless animation to toggle between login and sign-up.

![SignIn Page](images/signIn.png)

![SignUp Page](images/signUp.png)

#### 3. Products Page
- Displays all products categorized by food type.

![Products Page](images/products.png)

#### 4. Single Product View
- **Product Details**: Images, name, ratings, price, and reviews.
- **Actions**: Add to cart or buy now.

![Single Product Page](images/singleProduct.png)

#### 5. Checkout Page
- **Delivery Details**: Allows changing delivery address and selecting delivery time (Breakfast, Lunch, Dinner). Delivery times are automatically disabled after the respective time slots.
- **Payment Options**: Cash on Delivery or "PayHere" gateway for card payments.
- **Invoice Generation**: Users receive a detailed invoice on successful payment.

![Checkout 1 Page](images/checkout.png)

![Checkout 2 Page](images/checkout2.png)

#### 6. Manage My Account Page
- **Profile Management**: View and edit profile details.
- **Default Address**: Display and update default address.
- **Recent Orders**: List of recent orders.

![Manage My Account Page](images/manageMyAccount.png)

#### 7. Address Book Page
- Manage all addresses and set a default address.

![Address Book 1 Page](images/addressBook1.png)

![Address Book 2 Page](images/addressBook2.png)

#### 8. My Cart Page
- Displays all items added to the cart.

![My Cart Page](images/cart.png)

#### 9. My Orders Page
- **Order History**: View all past orders.
- **Order Details**: Detailed view of each order, including status, products, and price.
- **Actions**: Write a review or cancel the order.

![My Orders 1 Page](images/orders1.png)

![My Orders 2 Page](images/orders2.png)

---

### Admin Side

#### 1. Dashboard
- Displays total earnings, total sales, today’s earnings, and new orders segmented by meal types.

![Admin Dashboard Page](images/adminDashBord.png)

#### 2. New Orders Page
- Lists all new orders grouped by meal type.
- Allows viewing and updating order status via a pop-up.

![Admin Orders 1 Page](images/adminOrders1.png)

![Admin Orders 2 Page](images/adminOrders2.png)

#### 3. Products Page
- Lists all products with options to search, edit, delete, or add new products.

![Admin Products Page](images/adminProducts.png)

#### 4. Users Page
- Allows managing user accounts.

*Image placeholder for Users Page*

#### 5. Meals Page
- Enables adding special foods to each meal.

![Admin Meals 1 Page](images/adminMeals.png)

## Disclaimer
**This project is part of my professional portfolio. You’re welcome to reference it, but please credit me if you reuse or adapt any part of it.**

## License
This project is licensed under the [MIT License](LICENSE.md).