Skip to content

sAwAiRa-iQbal/Fashion-Website-using-HTML-CSS-JS-PHP-MYSQL

Repository files navigation

TrendOrbit – Fashion E-Commerce Website

TrendOrbit is a dynamic fashion e-commerce website built using PHP, MySQL, HTML, CSS, and JavaScript. The platform enables users to browse, search, and purchase fashion items, while providing a functional admin panel for product management.

πŸ”§ Features

πŸ›οΈ Frontend

  • Homepage (index.php) – Displays featured fashion products
  • Product Display (subcategory.php, search.php) – Category-based browsing & search
  • Shopping Cart (add_to_cart.php, checkout.php) – Add to cart, checkout functionality
  • User Authentication – Register and Login (registerN.php, loginN.php)
  • Responsive UI – Mobile-friendly layout using HTML/CSS and JS enhancements
  • Assets Folder – Contains images, stylesheets, and JS scripts
  • Product Images – Stored in productImg/ directory

πŸ” Backend

  • Database – Connected via db_connect.php
  • Admin Panel (adminpannel/) – Add, edit, delete, and manage products
  • Reusable Components – Header (header.php), Footer (footer.php)

πŸ—ƒοΈ Tech Stack

  • Frontend: HTML5, CSS3, JavaScript
  • Backend: PHP (Procedural)
  • Database: MySQL
  • Admin Tools: PHP-based Admin Panel with image uploads
  • Security: Password hashing (if implemented), form validation

πŸ“ Folder Structure

project-root/ β”œβ”€β”€ adminpannel/ # Admin dashboard for managing products β”œβ”€β”€ assets/ # CSS, JS, fonts, etc. β”œβ”€β”€ productImg/ # Uploaded product images β”œβ”€β”€ index.php # Main landing page β”œβ”€β”€ add_to_cart.php # Cart functionality β”œβ”€β”€ checkout.php # Checkout page β”œβ”€β”€ db_connect.php # Database configuration β”œβ”€β”€ loginN.php # User login β”œβ”€β”€ registerN.php # User registration β”œβ”€β”€ subcategory.php # Filter products by category β”œβ”€β”€ search.php # Search feature β”œβ”€β”€ header.php/footer.php # UI components

πŸ“Œ Installation

  1. Clone or download the repository.
  2. Import the SQL database (provided separately) into your local MySQL.
  3. Update your database credentials in db_connect.php.
  4. Run the website using XAMPP or any local PHP server.

βš™οΈ How to Run

  1. Install XAMPP/WAMP
  2. Put the folder in htdocs
  3. Import MySQL database (SQL file)
  4. Update your DB info in db_connect.php
  5. Open localhost/project-folder/ in browser

πŸ’‘ This project is great for learning how PHP and MySQL power an e-commerce platform.

http://localhost/phpmyadmin/index.php?route=/sql&pos=0&db=trendorbit_db&table=users

http://localhost/TrendOrbit_ProjectWeb/index.php

http://localhost/TrendOrbit_ProjectWeb/subcategory.php?subcat=4

http://localhost/TrendOrbit_ProjectWeb/thank_you.php

http://localhost/TrendOrbit_ProjectWeb/adminpannel/adminDashboard.php

About

πŸ›οΈ Fashion shopping website with full functionality: πŸ” Register, πŸ”‘ Login, πŸ›’ Cart, πŸ’³ Checkout, and πŸ› οΈ Admin product management.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors