/my-watch-gallery

This web application allows users to browse a list of smart watches, add them to a shopping cart, manage the watch list, and includes administrative functions for managing the watch inventory. The app is built using PHP, HTML, JavaScript, and CSS, and uses MySQL for database operations.

Primary LanguagePHP

Introduction

This web application allows users to browse a list of smart watches, add them to a shopping cart, manage the watch list, and includes administrative functions for managing the watch inventory. The app is built using PHP, HTML, JavaScript, and CSS, and uses MySQL for database operations.

Features

  • Watch List Display: Browse a list of available smart watches.
  • Shopping Cart: Add watches to the shopping cart and remove them as needed.
  • Admin Management: Add, edit, and delete watch items in the inventory.
  • User Authentication: Login functionality with session management to control access to the management page.

Technologies Used

  • Frontend: HTML, CSS, JavaScript, Bootstrap
  • Backend: PHP
  • Database: MySQL
  • Database Connection: MySQLi

Installation

  1. Clone the Repository
git clone https://github.com/AaronYu728/my-watch-gallery.git
cd my-watch-gallery
  1. Set Up the Database
  • Create a MySQL database.
  • Import the provided SQL file (mwg_database.sql) to set up the tables.
  1. Run the Application
  • Ensure your web server (e.g., Apache, Nginx) is set up to serve PHP files.
  • Access the app through your web browser.

Usage

  1. Browse Watches • Navigate to the home page to see the list of available smart watches.
  2. Shopping Cart • Add watches to your cart by clicking the “Add to Cart” button. • Remove watches from the cart displayed on home page.
  3. Admin Management • Login with admin credentials to access the management page. • Add new watches, edit existing ones, or delete watches from the management page.