QuirkStyle-A-product-grallery

🛍️ QuirkStyle – Product Gallery Website

📌 Overview

QuirkStyle is a dynamic product gallery website designed to showcase a variety of products with an intuitive interface.
It demonstrates the integration of backend functionality (PHP & MySQL) with a polished frontend to create a seamless browsing experience.

🚀 Key Features

Product Display: Visitors can browse a curated selection of products with images and descriptions.
Admin Panel: Already registered admin (set by the developer) can log in to add, edit, and manage products.
User Access: Other visitors can only view products without needing to register.
Responsive Design: Optimized for desktop and mobile devices.
Search Functionality: Quickly find products with the search bar.
Contact Form: Users can reach out directly via the integrated contact page.

📂 Project Structure

QuirkStyle/ │── admin.php # Admin dashboard │── about-us.php # About Us page │── contact.php # Contact page │── index.php # Homepage / Product gallery │── login.php # Admin login page │── products.php # Product listings │── config.php # Database configuration │── script.js # JavaScript functionalities │── style.css # Main stylesheet │── admin.css # Admin panel styling │── contact.css # Contact page styling │── about-us.css # About Us page styling │── images/ # Product images and assets │── uploads/ # Admin uploaded files

🛠️ Technologies Used

PHP – Server-side scripting
HTML5 – Structure and semantics
CSS3 – Styling and layout
JavaScript – Interactivity and DOM manipulation
MySQL – Database management
GitHub Pages – Hosting (frontend demo)

🖥️ Testing Admin Locally

To test the admin features locally:

Make sure you have a local server environment installed, e.g., XAMPP, WAMP, or MAMP.
Place the project folder inside the server’s htdocs directory.
Start Apache and MySQL.
Access phpMyAdmin (http://localhost/phpmyadmin/) and import the database if provided.
Open your browser and go to the login page:
Use the pre-registered admin credentials (provided in the project by the developer) to log in and manage products.

⚠️ Visitors without admin credentials can only view the products on the homepage and product pages.

📍 Live Demo

View the live website here: QuirkStyle Live Demo

🤝 Contributing

Contributions are welcome! Please fork the repository, make your changes, and submit a pull request. Note that admin credentials are pre-registered; do not attempt to change the database unless testing locally.