Gems Selling Website + Admin Dashboard
A full-stack e-commerce web application for an online gem store, paired with a comprehensive admin dashboard for managing inventory, orders, and customers. Built as a university group project.
Overview
The Gems Selling Website is a fully functional e-commerce platform that allows customers to browse and purchase gemstones online. It features a polished storefront with product listings and a powerful admin dashboard for managing the entire business operation.
Tech Stack
- Frontend: HTML, CSS, JavaScript
- Backend: PHP
- Database: MySQL
- Admin Panel: Separate repository with a dedicated admin dashboard
Key Features
Customer Storefront
- 💎 Product Catalog — Browse a wide collection of gemstones with detailed descriptions, images, and pricing
- 🔍 Search & Filter — Filter gems by type, price range, and availability
- 🛒 Shopping Cart — Add items to cart and manage orders seamlessly
- 📦 Order Placement — Smooth checkout process with order confirmation
- 📱 Responsive Design — Fully responsive UI for both desktop and mobile users
Admin Dashboard
- 📊 Sales Overview — Monitor revenue, orders, and key business metrics
- 🗂️ Product Management — Add, edit, and remove gem listings with image uploads
- 👥 Customer Management — View and manage registered customer accounts
- 📋 Order Management — Track and update order statuses in real time
- 🔐 Secure Admin Login — Protected admin area with authentication
Architecture
The project follows a classic 3-tier web architecture:
- Presentation Layer — HTML/CSS/JavaScript for the frontend UI
- Application Layer — PHP scripts handling business logic and routing
- Data Layer — MySQL database storing products, users, and orders
The admin dashboard is maintained as a separate repository with its own interface, connected to the same MySQL database as the main storefront.
University Group Project
This was developed as a final project for a web application development module at university. The team divided responsibilities across frontend design, backend PHP logic, database design, and the admin panel — simulating a real-world development workflow.