YanKicks

Project Overview

YanKicks is a fully functional, full-stack e-commerce platform designed for selling premium athletic footwear. Built with native PHP and MySQL, it features a responsive user interface, a dynamic shopping cart, and a comprehensive admin panel for inventory management.

Purpose

The primary purpose of YanKicks is to demonstrate the development of a complete, production-ready e-commerce solution from scratch without relying on pre-built CMS platforms like WordPress or Shopify.

Key Objectives:

To solve a business problem: Provide a streamlined, user-friendly platform for sneaker enthusiasts in the Philippines to discover and purchase premium footwear with local payment options like GCash.

To demonstrate technical proficiency: Showcase full-stack capabilities by integrating a custom frontend with a raw PHP/MySQL backend, handling real-world data relationships (Users, Products, Orders).

To bridge the gap: Create a seamless connection between inventory management (Admin) and the shopping experience (Customer), ensuring data consistency and real-time updates.

Team Members & Roles

• Kobe Luis Cuison – Project Manager/Systems Architect/Full Stack Developer
• Allengabrielle Pasion – UI/UX/Backend Developer
• Tristan Jhon Capuyan – QA & QC/Frontend Developer

Tools Used

• HTML, CSS, JavaScript
• Visual Studio Code
• Git & GitHub
• GitHub Pages

Site Structure

• Main HTML Files:

• about.html

• account.html

• account-settings.html

• best-sellers.html

• blog.html

• brand-highlights.html

• checkout.html

• contact.html

• customer-service.html

• email-hotline.html

• faqs.html

• featured-brands.html

• featured-products.html

• index.html

• legal.html

• login-register.html

• mission-vision.html

• my-orders.html

• new-arrivals.html

• our-story.html

• payment-confirmation.html

• payment-options.html

• privacy-policy.html

• promos.html

• returns-exchange.html

• shipping-delivery.html

• shoe-guide.html

• shoe-reviews.html

• shop.html

• shop-by-brand.html

• shop-by-category.html

• shop-by-price.html

• size-guide.html

• sneaker-trends.html

• social-media.html

• store-hours.html

• store-locations.html

• terms-conditions.html

• view-cart.html

• why-choose-us.html

• wishlist.html

• Assets & Logic:

• script.js

• styles.css

• README.md

• assets (Folder)

Design Concept

• Color Scheme: Monochrome (Black & White) with soft gray accents to create a premium, urban streetwear aesthetic that lets the products stand out.

• Typography: Clean Sans-serif fonts (Helvetica Neue, Arial) used throughout for a modern, bold, and easily readable interface.

• Layout: A fully responsive grid system for the product catalog, featuring a sticky navigation bar and ample whitespace to maintain a clean, uncluttered user experience

Deployment

• [https://github.com/SushiShyDoll/YanKicksPhase2] - GitHub Repository:
• [https://sushishydoll.github.io/YanKicksPhase2/] - Live Site:

Lessons Learned

• Improved collaboration using Git
• Learned how to deploy static sites via GitHub Pages
• Practiced responsive design and semantic HTML
• Improvements in Design

Timeline

• Phase

  Task

  Date

• Proposal

  Planning & wireframe

  Oct 14, 2025

• Development

  Coding & testing

  Oct 15–Nov 20, 2025

• Deployment

  GitHub setup & launch

  Nov 28, 2025

• Submission

  Final documentation

  Dec 16, 2025