BeautifyPro

GlamHub Documentation

1. Introduction

  • Project Overview: GlamHub is designed to provide a seamless experience for booking salon services and purchasing beauty products. The site features categorized services, an e-commerce section for products, and integrated PayPal for payments. The website also includes a wishlist and cart system, a detailed landing page, product pages, search functionality, and suggestions for related services and products. The admin can manage all aspects of the website, including services, products, categories, and more.

  • Key Features:

    • Service Listings: Display salon services with prices in various categories and subcategories.

    • E-commerce Functionality: Sell beauty products with cart and wishlist options.

    • PayPal Integration: For secure payments.

    • Detailed Landing Page: Highlighting the salon's offerings.

    • Search and Suggestions: Find products and services easily with search and suggestion features.

    • Admin Dashboard: Manage services, products, categories, subcategories, contact info, social media, and more.

2. Project Structure

  • Architecture Overview:

    • Frontend: Primarily built with Tailwind CSS for styling, with Vue.js components for dynamic features.

    • Backend: Developed using Laravel for handling business logic, data processing, and API endpoints.

    • Database: Utilizes MySQL for storing data related to services, products, categories, users, and transactions.

    • Payment Integration: PayPal API for handling secure payments.

3. Features

  • Service Listings

    • Overview: Displays a list of available salon services with prices, organized into categories and subcategories.

    • User Experience: Users can browse through services, view details, and add them to their booking list.

    • Technical Implementation:

      • Frontend: Vue.js components display service details dynamically.

      • Backend: Laravel handles data retrieval, storage, and categorization of services.

  • E-commerce Functionality

    • Overview: Offers a range of beauty products for sale, with standard e-commerce features like cart and wishlist.

    • User Experience: Users can add products to the cart, save items in the wishlist, and complete purchases through PayPal.

    • Technical Implementation:

      • Frontend: Tailwind CSS for styling and Vue.js components for cart and wishlist functionalities.

      • Backend: Laravel handles product management, inventory, and transaction processing.

  • PayPal Integration

    • Overview: Enables secure payments for both salon services and product purchases.

    • User Experience: Users can pay for their selected services and products through PayPal during checkout.

    • Technical Implementation:

      • Frontend: Seamless integration of PayPal buttons and payment forms.

      • Backend: Laravel manages payment processing and updates order statuses.

  • Detailed Landing Page

    • Overview: Features a visually appealing and informative landing page that highlights salon services and products.

    • User Experience: Engages users with featured services, promotions, and product highlights.

    • Technical Implementation:

      • Frontend: Built using Tailwind CSS with dynamic elements powered by Vue.js components.

  • Product Pages

    • Overview: Detailed pages for each beauty product, including descriptions, pricing, and related products.

    • User Experience: Users can view detailed information, add products to their cart, and see suggested items.

    • Technical Implementation:

      • Frontend: Vue.js components manage product displays and suggestions.

      • Backend: Laravel handles product data and related items logic.

  • Search and Suggestions

    • Overview: Allows users to search for services and products, with suggestions based on their interests.

    • User Experience: Provides quick access to desired items and highlights related services and products.

    • Technical Implementation:

      • Frontend: Vue.js components power search and suggestion algorithms.

      • Backend: Laravel processes search queries and generates suggestions.

  • Admin Dashboard

    • Overview: Admins have complete control over the website, managing everything from services and products to contact info and social media links.

    • Features:

      • Service Management: Add, update, or remove services and set pricing.

      • Product Management: Manage inventory, pricing, and product details.

      • Category Management: Organize services and products into categories and subcategories.

      • Contact Info & Social Media: Update contact details and manage social media links displayed on the website.

    • Technical Implementation:

      • Frontend: Tailwind CSS and Vue.js components for an interactive admin interface.

      • Backend: Laravel handles all CRUD operations and admin functionalities.

4. Data Management

  • Database Structure:

    • Services: Stores information about available services, including categories, descriptions, and prices.

    • Products: Contains product details, inventory levels, and pricing information.

    • Categories & Subcategories: Manages the organization of services and products.

    • Orders: Records all transactions made through PayPal.

    • Users: Contains user accounts, wishlist items, and order history.

  • Data Security:

    • Encryption: Ensures secure handling of payment information and user data.

    • Access Control: Only authorized users (admins) have access to manage the website’s backend.

5. Development Process

  • Environment Setup:

    • Prerequisites: Set up Laravel environment, install Vue.js components, and configure Tailwind CSS.

    • Local Development:

      • Run Backend: Use php artisan serve to run the Laravel server.

      • Run Frontend: Vue.js components are integrated within the Laravel application.

Last updated