Author: Shukan Soni

Date: 25-07-2025

Shukan's Personal Website - E-commerce Documentation

๐Ÿ“˜ Shukan's Personal Website - E-commerce Documentation

Developed by Shukan Soni | Full Stack Web Developer

๐Ÿงพ Project Overview

Project Name: Shukan's Personal Website

Type: E-commerce Platform

Technologies: HTML, Tailwind CSS, JavaScript, PHP, MySQL, jQuery

This is a web-based shopping platform where users can explore categorized products and place orders through a seamless interface.

๐ŸŽฏ Project Objectives

  • Easy & secure shopping experience
  • Responsive & mobile-friendly design
  • Dynamic product & order management
  • User-friendly navigation

โœจ Features

๐Ÿ‘ค User Panel

  • Login/Register
  • Browse Categories
  • Add to Cart
  • Checkout & View Orders
  • Mobile Optimized

๐Ÿ›  Admin Panel

  • Category Management
  • View All Orders
  • Subcategory Management
  • Product Monitoring

๐Ÿ— Technology Stack

Layer Technologies
Frontend HTML, Tailwind CSS, JavaScript
Backend PHP
Database MySQL
Optional jQuery

๐Ÿงฑ Database Tables

categories subcategories products products_details

๐Ÿ—‚ Folder Structure

          /shukan-website
          โ”œโ”€โ”€ /admin
          โ”‚   โ”œโ”€โ”€ categories.php
          โ”‚   โ”œโ”€โ”€ get_subcategories.php
          โ”‚   โ”œโ”€โ”€ product.php
          โ”‚   โ””โ”€โ”€ subcategories.php
          โ”œโ”€โ”€ /Customer
          โ”‚   โ”œโ”€โ”€ footer.php
          โ”‚   โ”œโ”€โ”€ header.php
          โ”‚   โ”œโ”€โ”€ index.php
          โ”‚   โ”œโ”€โ”€ product_details.php
          โ”‚   โ”œโ”€โ”€ productspage.php
          โ”‚   โ””โ”€โ”€ subcategories.php
          โ”œโ”€โ”€ /Document
          โ”‚   โ””โ”€โ”€ documentation.html
          โ”œโ”€โ”€ config.php
        

โš™ Installation Guide

  1. Install XAMPP or WAMP server on your PC.
  2. Move the project folder to htdocs.
  3. Open phpMyAdmin and create a database shukan_website.
  4. Import shukan_website.sql file into the database.
  5. Update config.php:
    $conn = new mysqli("localhost", "root", "", "shukan_website");
  6. Run Apache and MySQL and open http://localhost/shukan-website

๐Ÿ“„ Key Pages

  • Customer/index.php - Homepage
  • Customer/productspage.php - Product Listing
  • Customer/product_details.php - Product Details
  • Customer/subcategories.php - Subcategories Listing
  • admin/categories.php - Admin: Category Management
  • admin/subcategories.php - Admin: Subcategory Management
  • admin/product.php - Admin: Product Management
  • admin/get_subcategories.php - API: Fetch Subcategories
  • config.php - DB Configuration
  • Document/documentation.html - Project Documentation

๐Ÿ”ฎ Future Enhancements

  • Payment gateway integration
  • Advanced filtering
  • Email & SMS notifications
  • Product reviews and ratings
  • Live order tracking

ยฉ 2025 Shukan Soni | All rights reserved.

We to code. It's our passion

We are passionate about what we do and love to keep ourselves posted with new technologies stacks. Here are a few technologies that keep us hooked:โ€จ
While we are good with SOS signals,
you can also reach us at our given
email address or phone number.